如何在图表上显示值的百分比？

Question

我有一个类似 this.... 的图表。我正在使用 HighChart..

我在此图表上显示了每月一次的调查结果。但我也想与时间并排显示百分比（你可以在图表上看到..）：

我为此添加了参数：
工具提示：{point.percentage:.0f}, plotOptions: {堆叠: 'percent'}

图表更改后like

:

我想在我的图表中显示第一个屏幕截图。但是我没有..我怎么能这样显示呢？

percent...

的样本

Answer 1

您必须更改 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
    }

Here is a whole example.

如何在图表上显示值的百分比？

How Can I show a percentage of the value on the graph?

c#

asp.net

charts

highcharts

percentage