如何在图表上显示值的百分比?
How Can I show a percentage of the value on the graph?
我有一个类似 this....
的图表。我正在使用 HighChart..
我在此图表上显示了每月一次的调查结果。但我也想与时间并排显示百分比(你可以在图表上看到..):
我为此添加了参数:
工具提示:{point.percentage:.0f},
plotOptions: {堆叠: 'percent'}
图表更改后like
:
我想在我的图表中显示第一个屏幕截图。但是我没有..我怎么能这样显示呢?
的样本
您必须更改 tooltip
部分并使用 formatter
计算图表的百分比。
tooltip: {
formatter: function () {
var s = '<span style="font-size:10px">'+this.x+'</span><br/';
var dataSum = parseInt(this.points[0].y) + parseInt(this.points[1].y);
$.each(this.points, function() {
var pcnt = (this.y / dataSum) * 100;
s += '<span style="color:red">'+this.series.name+': </span>' + '<span style="padding:0"><b>'+this.point.y+' times</b> ('+Highcharts.numberFormat(pcnt)+'%)</span><br/>'
});
return s;
},
shared: true
}
我有一个类似 this....
的图表。我正在使用 HighChart..
我在此图表上显示了每月一次的调查结果。但我也想与时间并排显示百分比(你可以在图表上看到..):
我为此添加了参数:
工具提示:{point.percentage:.0f},
plotOptions: {堆叠: 'percent'}
图表更改后like
我想在我的图表中显示第一个屏幕截图。但是我没有..我怎么能这样显示呢?
的样本您必须更改 tooltip
部分并使用 formatter
计算图表的百分比。
tooltip: {
formatter: function () {
var s = '<span style="font-size:10px">'+this.x+'</span><br/';
var dataSum = parseInt(this.points[0].y) + parseInt(this.points[1].y);
$.each(this.points, function() {
var pcnt = (this.y / dataSum) * 100;
s += '<span style="color:red">'+this.series.name+': </span>' + '<span style="padding:0"><b>'+this.point.y+' times</b> ('+Highcharts.numberFormat(pcnt)+'%)</span><br/>'
});
return s;
},
shared: true
}