Question

我需要在此链接中实现一个图表： highchart-image

所以我在highchart中找到了一个插件，我认为使用它很有用：

http://highchartsweb.vifi.ee/plugin-registry/single/42/Zero-align%20y-axes

我使用负责对齐的文件名为“ tick_positioner.js”，并将其添加到我的角度应用程序中。

"scripts": [
              "node_modules/highcharts-zero-align-y-axes/tick_positioner.js"
            ]

我首先遇到这个错误

tick_positioner.js:147 Uncaught ReferenceError: Highcharts is not defined

但是highchart已加载到应用程序中

Answer 1

要创建此类图表，您无需使用zero-align y-axes插件：

Highcharts.chart('container', {
    series: [{
        type: 'column',
        data: [2, -3, -5, 1, 6, -2, 11, -9]
    }, {
        type: 'column',
        data: [-2, -3, -5, 1, 6, -2, 11, -9]
    }]
});

实时演示：http://jsfiddle.net/BlackLabel/750bu6a2/

但是，要在您的项目中加载插件，您应该像这样导入和初始化它：

import * as Highcharts from 'highcharts';
import * as HC_customEvents from 'highcharts-custom-events';
HC_customEvents(Highcharts);

文档：https://github.com/highcharts/highcharts-angular/blob/master/README.md

高图：y轴零对齐角度为6

1 个答案: