更改我的饼图区域的颜色HIGHCHART

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/

我希望这是有帮助的！