angular - Angular 不能使用 Highcharts X-range 系列

Question

我使用 Angular 框架创建了一个项目并使用了 Highcharts X-range，但我无法通过附加错误来做到这一点，如图所示...

HTML：

打字稿：

请知道的人告诉我如何解决它。非常感谢，

Answer 1

要加载 xrange 系列，您需要加载模块 xrange。

import Xrange from 'highcharts/modules/xrange';
Xrange(Highcharts);

partialFill 与对象不正确，您可以查看他们如何查看 API 文档data.partialFill.amount。

  data: [{
    x: Date.UTC(2014, 10, 21),
    x2: Date.UTC(2014, 11, 2),
    y: 0,
    partialFill: {
      amount: 0.5
    }
  }, {
    x: Date.UTC(2014, 11, 2),
    x2: Date.UTC(2014, 11, 5),
    y: 1
  }, {
    x: Date.UTC(2014, 11, 8),
    x2: Date.UTC(2014, 11, 9),
    y: 2
  }, {
    x: Date.UTC(2014, 11, 9),
    x2: Date.UTC(2014, 11, 19),
    y: 1
  }, {
    x: Date.UTC(2014, 11, 10),
    x2: Date.UTC(2014, 11, 23),
    y: 2
  }],

演示： https ://stackblitz.com/edit/highcharts-angular-basic-line-7km3p6?file=src%2Fapp%2Fapp.component.ts

API： https ://api.highcharts.com/highcharts/series.xrange.data.partialFill