2

我有一个饼图,如下

{
  type : 'pie',
  data : [], //here i'm getting dynamic data
  center : [50, 15 ],
  size : 80,
  showInLegend : false,
  dataLabels :  enabled: true,
}

我想改变饼图的颜色

我的主要问题是
是否可以通过某些属性在此处设置颜色,或者我必须从动态数据中获取它

更新

得到答案

Highcharts.setOptions({
  colors: ['#F64A16', '#0ECDFD',]
});
4

1 回答 1

0

得到了答案

我们可以通过 setOption 函数设置 highchart 自定义颜色,如下所示

Highcharts.setOptions({
  colors: ['#F64A16', '#0ECDFD',]
});

它为我的饼图设置颜色。

动态 3D 颜色的另一种解决方案

实际上这个主题选择的定制在这里

3种颜色设置为颜色变量

var colors = Highcharts.getOptions().colors;
        $.each(colors, function(i, color) {
            colors[i] = {
                linearGradient: { x1: 0, y1: 0, x2: 1, y2: 0 },
                stops: [
                    [0, '#0ECDFD'],
                    [0.3, '#F64A16'],
                    [1, color]
                ]
            };

        });

& 直接串联赋值

 {

    type : 'column',
    name : 'bug',
    data : [],
    color : colors,                 
    pointWidth : 28,

}
于 2012-08-13T09:02:21.327 回答