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

Question

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

我每月都会在此图表上显示调查结果。但我也希望与时间并排显示百分比（你可以在图表上看到）：

我为此添加了参数：
工具提示：{point.percentage：.0f}， plotOptions：{stacking：＆＃39; percent＆＃39;}

图表更改后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.