Question

我有一张饼图如下

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

我想改变饼图的颜色

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

更新

得到答案

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

Answer 1

得到答案

我们可以通过setOption函数设置高图自定义颜色这是

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,

}

动态数据的highcharts饼图颜色

1 个答案: