Javascript 如何在high charts library中设置饼图中每个切片的颜色?

Javascript 如何在high charts library中设置饼图中每个切片的颜色?,javascript,charts,highcharts,Javascript,Charts,Highcharts,我正在从high chart library制作饼图。我想更改饼图中每个切片的颜色 我该怎么做?我的密码是- var colors = ["color:'#2a8482'","color:'#64DECF'","color:'#BCCDF8'"]; var responseData = {"2":40,"1":30} var obj = $.parseJSON(responseData); var dataArrayFinal = Array();

我正在从high chart library制作饼图。我想更改饼图中每个切片的颜色 我该怎么做?我的密码是-

var colors = ["color:'#2a8482'","color:'#64DECF'","color:'#BCCDF8'"]; 
var responseData = {"2":40,"1":30}
var obj =  $.parseJSON(responseData);
             var dataArrayFinal = Array();
             var value = Array();
             var name = Array();
             var j = 0;
             for (var key in obj) {
                  if (obj.hasOwnProperty(key)) {
                      name[j] =  "name:'"+key+"'";
                      value[j] = obj[key];
                      j++;
                  }
             }

             for(k=0;k<name.length;k++) { 
                   var temp = new Array(name[k],value[k],colors[k]); 
                   dataArrayFinal[k] = temp;     
             }

            $(function () {

                new Highcharts.Chart({
                    chart: {
                        renderTo: 'container'+counter,
                        type: 'pie',
                        height: 280,
                        width: 280
                    },
                    title: {
                        text: ' '
                    },
                    tooltip: {
                        valueSuffix: '%',
                        positioner: function () {
                            return {
                                x: this.chart.series[0].center[0] -
                                   (this.label.width / 2) + 8,
                                y: this.chart.series[0].center[1] -
                                   (this.label.height / 2) + 8
                            };
                        }
                    },
                    series: [{
                        name: 'Answer',
                        size: '100%',
                        innerSize: '65%',
                        data: dataArrayFinal
                    }]
                });
            });
var colors=[“颜色:”#2a8482“,“颜色:”#64DECF“,“颜色:”#BCCDF8“];
var responseData={“2”:40,“1”:30}
var obj=$.parseJSON(responseData);
var dataArrayFinal=Array();
var值=数组();
var name=Array();
var j=0;
for(obj中的var键){
if(对象hasOwnProperty(键)){
名称[j]=“名称:”+“键+”;
值[j]=对象[key];
j++;
}
}
对于(k=0;k
应该是这样的;-)

应该是这样的;-)

应该是这样的;-)


应该是这样的;-)

如果将颜色数组更改为:

var colors=[“2a8482”、“64DECF”、“BCCDF8”]

然后在函数的开头:

$(function () {
添加以下代码:

Highcharts.getOptions().plotOptions.pie.colors = colors;
这应该能奏效

可以在HighCharts的开发人员创建的JSFIDLE中找到着色示例:
如果将颜色数组更改为:

var colors=[“2a8482”、“64DECF”、“BCCDF8”]

然后在函数的开头:

$(function () {
添加以下代码:

Highcharts.getOptions().plotOptions.pie.colors = colors;
这应该能奏效

可以在HighCharts的开发人员创建的JSFIDLE中找到着色示例:
如果将颜色数组更改为:

var colors=[“2a8482”、“64DECF”、“BCCDF8”]

然后在函数的开头:

$(function () {
添加以下代码:

Highcharts.getOptions().plotOptions.pie.colors = colors;
这应该能奏效

可以在HighCharts的开发人员创建的JSFIDLE中找到着色示例:
如果将颜色数组更改为:

var colors=[“2a8482”、“64DECF”、“BCCDF8”]

然后在函数的开头:

$(function () {
添加以下代码:

Highcharts.getOptions().plotOptions.pie.colors = colors;
这应该能奏效

可以在HighCharts的开发人员创建的JSFIDLE中找到着色示例:

我不完全清楚你想要什么,但也许你可以看看这个例子:我不完全清楚你想要什么,但也许你可以看看这个例子:我不完全清楚你想要什么,但也许你可以看看这个例子:我不完全清楚你想要什么,但也许你可以看看这个例子:->看看图表下面的“视图选项”和带有“系列”的部分。它应该可以帮助您:-)->查看图表下方的“视图选项”和带有“系列”的零件。它应该可以帮助您:-)->查看图表下方的“视图选项”和带有“系列”的零件。它应该可以帮助您:-)->查看图表下方的“视图选项”和带有“系列”的零件。它应该对您有所帮助:-)