javascript - 在高图中的饼图和列之间共享颜色

Question

我有这样的图表，这个图表是用饼图、样条线和列创建的。列显示正确的 y 轴值，饼图显示 y 轴的百分比，并且需要与列相关的每个饼图都具有相同的颜色。我要使用托盘highchart 中的颜色数组，但它不起作用。

Answer 1

设置元素数量等于类别数量的颜色。例如：http: //jsfiddle.net/3EkbA/2/

    $('#container').highcharts({
        colors: [ 'red', 'green', 'blue', 'yellow', 'black' ],
        series: [{
            type: 'column',
            name: 'Jane',
            colorByPoint: 'true',
            data: [3, 2, 1, 3, 4]
        },{
            type: 'pie',
            data: [14, 15, 16, 17,14],
            center: [100, 80],
            size: 100,
            showInLegend: false,
            dataLabels: {
                enabled: false
            }
        }]
    });

Answer 2

如果没有看到您的购物车代码，很难说出解决此问题的最佳方法。但是，一种选择是指定系列中每个点的颜色（http://api.highcharts.com/highcharts#series.data）

data: [{
    name: 'Point 1',
    color: '#00FF00',
    y: 0
}, {
    name: 'Point 2',
    color: '#FF00FF',
    y: 5
}]

这样您就可以完全控制每个系列中每个点的颜色。