我正在尝试实现与此处所示相同的目标:
除非用饼图代替。
我是这样设置的:
$('#expenditurePie').highcharts({
chart: {
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false,
backgroundColor: '#121212',
height: 322,
className: 'summary-chart-right'
},
title: null,
tooltip: {
pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
},
plotOptions: {
pie: {
allowPointSelect: true,
borderColor: '#000',
cursor: 'pointer',
dataLabels: false
}
},
colorAxis: {
minColor: '#FFFFFF',
maxColor: '#FF0000'
},
series: response
});
响应数据示例:
...
{name: "Leisure", y: 143.55, colorValue: 3}
...
它不起作用,饼图颜色是默认颜色。
我该怎么做?
最佳答案
根据the docs , colorValue 仅适用于 TreeMap。
但是,您可以毫不费力地做类似的事情。使用 color
而不是 colorValue
,然后调用函数来获取值。这是一个简单的示例,可以根据您想要的行为以多种方式进行改进:
var getColor = function (step,stepCount) {
var scaledHex = Math.floor(255*step/(stepCount+1)).toString(16);
console.log(scaledHex);
return '#FF'+scaledHex+scaledHex;
};
还有
...
{name: "Leisure", y: 143.55, color: getColor(1,3)}
...
关于javascript - 使用 colorValue 的 Highcharts 饼图切片颜色强度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29728212/