แผนภูมิวงกลมอย่างง่ายไม่ทำงานในโมดูลที่กำหนดเอง คุณเห็นข้อผิดพลาดในรหัสของฉันหรือไม่

ฉันใช้ Drupal 9 ใน Lando ฉันได้เปิดใช้งานโมดูลแผนภูมิและ Highcharts และติดตั้งไลบรารี Highcharts JS พร้อมผู้แต่ง ฉันเขียนโมดูลง่ายๆ เพื่อแสดงแผนภูมิวงกลม แต่แผนภูมิไม่แสดง รหัสของฉันอยู่ด้านล่าง คุณเห็นข้อผิดพลาดที่เห็นได้ชัดหรือวิธีแก้ไขจุดบกพร่องนี้หรือไม่ ฉันย้ายสิ่งนี้จากตัวอย่างที่ทำงานได้ดีใน D7 ใน DevDesktop
ไฟล์ข้อมูล yaml

ชื่อ: แผนภูมิทดสอบของฉัน
คำอธิบาย: นี่คือตัวอย่างการใช้โมดูลแผนภูมิ
แพคเกจ: กำหนดเอง
ประเภท: โมดูล
core_version_requirement: ^9
การพึ่งพา:
  - แผนภูมิ

ไฟล์ yaml ของเราเตอร์

แผนภูมิตัวอย่าง:
  เส้นทาง: 'mychart-example'
  ค่าเริ่มต้น:
    _title: 'แผนภูมิตัวอย่างของฉัน'
    _controller: '\Drupal\mychart\Controller\MyChartController::example_page'
  ความต้องการ:
    _permission: 'เข้าถึงเนื้อหา'

ไฟล์ yaml ของไลบรารี

แผนภูมิสูง:
  จส:
    ไลบรารี/highcharts/highcharts.js: { }
  การพึ่งพา:
    - แกน / jquery

ผู้ควบคุม

เนมสเปซ Drupal\mychart\Controller;

ใช้ Drupal\Core\Controller\ControllerBase;

คลาส MyChartController ขยาย ControllerBase {
  /**
   * @return อาร์เรย์
   */
  ฟังก์ชัน example_page() {
    $แผนภูมิ = อาร์เรย์(
      '#attached' => อาร์เรย์(
        'library' => array('mychart/highcharts'),
      ),
      '#type' => 'แผนภูมิ',
      '#chart_type' => 'วงกลม',
      '#chart_library' => 'highcharts',
      '#title' => t('แผนภูมิวงกลมอย่างง่าย'),
    );
    $chart['pie_data'] = อาร์เรย์(
      '#type' => 'chart_data',
      '#title' => t('เพศ'),
      '#data' => อาร์เรย์(อาร์เรย์('ชาย', 10), อาร์เรย์('หญิง', 20)),
    );
    ส่งคืนแผนภูมิ $;
  }
}

วิธีแก้ไขคือการอัปเกรดโมดูลแผนภูมิเป็นเวอร์ชัน 5.0.x ตอนนี้แผนภูมิวงกลมอย่างง่ายของฉันใช้งานได้แล้ว!