[英]How can I put custom color in High Charts PIE data | Slice and want to change slice text
[英]How to set color of each slice in pie chart in high charts 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
}]
});
});
在這張圖中,但是顏色沒有改變。 它們采用默認顏色。
Highcharts.setOptions({
colors: ['#50B432', '#ED561B', '#DDDF00', '#24CBE5', '#64E572', '#FF9655', '#FFF263', '#6AF9C4']
});
它應該這樣工作;-)
如果將顏色數組更改為:
var colors = ["#2a8482","#64DECF","#BCCDF8"];
然后在您的函數開始時:
$(function () {
添加以下代碼:
Highcharts.getOptions().plotOptions.pie.colors = colors;
這應該可以解決問題。
可以在由HighCharts開發人員創建的JSFiddle中找到着色示例: http : //jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts /演示/派單色/
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.