Question

我想根据自己的喜好更改饼图Highcharts的区域颜色。

我怎么做？

Answer 1

有两种方法可以解决这个问题。

首先，您可以使用Highcharts.setOptions()功能定义自己的颜色选择。您的图表将按照您指定的顺序选取这些颜色，并在到达列表末尾时重复这些颜色。

Highcharts.setOptions({
    colors: [
        '#FF0000', /* red */
        '#00FF00', /* green */
        '#0000FF', /* blue */
    ],
});

因此，在此示例中，您的饼形楔形将按顺序为红色，绿色，蓝色，红色，绿色等。

在绘制图表之前，您需要定义Highcharts.setOptions()颜色。

第二，您可以直接在图表属性中定义饼形楔的特定颜色。对于饼图系列中的每个数据点，您可以按如下方式设置颜色：

series: [{
    name: 'Test',
    colorByPoint: true,
    data: [{
        name: 'Red slice',
        y: 70,
        color: 'red'
    }, {
        name: 'Green slice',
        y: 20,
        color: 'green'
    }, {
        name: 'Blue slice',
        y: 10,
        color: 'blue'
    }]
}]

这里是第二个例子的小提琴：http://jsfiddle.net/brightmatrix/v917r91L/

我希望这有用！

更改饼图HIGHCHART区域的颜色

1 个答案: