Highcharts: Y-оси с нулевым выравниванием углов 6 - PullRequest
Новая
       48

Highcharts: Y-оси с нулевым выравниванием углов 6

0 голосов
/ 23 января 2019

Мне нужно реализовать диаграмму, как в этой ссылке: 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

Но старшая диаграмма загружается в приложение

1 Ответ

0 голосов
/ 23 января 2019

Чтобы создать диаграмму такого типа, вам не нужно использовать плагин 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

...