Highchart изменить цвет столбца по значению - PullRequest
0 голосов
/ 04 мая 2018

Я новичок в Highchart, но собираюсь создать свечную диаграмму и столбчатую диаграмму.

Я создал его благодаря образцам, но не могу настроить его цвет.

Диаграмма верхнего подсвечника имеет атрибут upcolor и color для изменения цвета, а столбцовая диаграмма - нет.

Я пытался использовать zone или colorseries , но нам нужно сравнить данные, чтобы установить цвет столбца, поэтому необходимо создать func.

Т.е. данные имеют 2 значения открыть , закрыть , кол-во . Высота столбца задается с помощью Кол-во , но его цвет должен быть установлен, если значение открытия больше, чем значение закрытия красного, если не синего.

Как я могу это сделать?

var chart1 = Highcharts.stockChart('container', {
chart: {
    zoomType: 'x',
    margin: [10, 80,10, 10],
    resetZoomButton: {
        position: {
            x: 0,
            y: -100
        }
    }
},

plotOptions:{
    column:{
         color:green /* Here I want to set func to change color of column*/
    }
}
    yAxis:[{
        labels: {
            enabled:false,
        },
        gridLineWidth: 0,
        minorGridLineWidth: 0,
        top: '80%',
        height: '20%',
        offset: 0,
        lineWidth: 0,
        minorTickLength: 0,
        tickLength: 0
    }],
    tooltip: {
        split: true
    },
    series: [{
        type: 'column',
        name: 'Quantity',
        data: Quantity,
        yAxis: 1,
        dataGrouping: {
            units: groupingUnits
        }
    }]
});

Когда вы пытаетесь удалить серию и добавить ту же серию, она не работает.

Пожалуйста, посмотрите на эту ссылку jsfiddle .

Это работает в первый раз, но если вы изменяете серию с помощью выпадающего списка (используется series [0] .remove и addSeries ()), на консоли отображается ошибка.

Эта ошибка в событии загрузки. Я думаю, что func срабатывает при удалении данных серии.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...