Question

我是Highchart的新手，但要创建烛台图和柱形图。

我是通过样品创建的，但是我无法自定义它的颜色。

烛台高档图表有 upcolor 和 color 属性来改变颜色，但柱形图没有。

我尝试使用 zone 或 colorseries ，但我们需要比较数据以设置列的颜色，因此需要创建func。

即数据有2个值 open ， close ， qty 。列高度由 qty 设置，但如果open大于close红色（如果不是蓝色），则需要设置其颜色。

我该怎么做？

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 link。

它第一次工作，但是如果你使用下拉列表更改系列（使用了系列[0] .remove和addSeries（）），控制台上会显示错误。

该错误发生在加载事件中。我认为当你删除系列数据时会触发func。

Highchart按值更改列颜色

0 个答案: