【问题标题】:highcharts pie chart color for dynamic data动态数据的 highcharts 饼图颜色
【发布时间】:2012-08-10 08:14:35
【问题描述】:

我有一个饼图,如下所示

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

我想改变饼图的颜色

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

更新

得到答案

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

【问题讨论】:

  • 您应该回答自己的问题并将其标记为已接受。
  • 我不能做长达 8 小时,所以我把它作为更新

标签: jquery json highcharts


【解决方案1】:

有答案

我们可以通过 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,

}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-12-27
    • 1970-01-01
    • 1970-01-01
    • 2017-10-28
    相关资源
    最近更新 更多