angular - 如何使用百分比 Highcharts Angular 2 创建柱形图

Question

您好有以下图表配置：

private InputData: any = {
            chart: { type: 'column' },
            title : { text : 'some title' },
            xAxis: {
                categories: ['Monday', 'Tuesday']
            },
            yAxis: {
                allowDecimals: false,
                title: { text: ''}
            },
            series: [
                {
                    name: 'Students',
                    data: [100,80],
                    color: '#3366cc'
                }
            ],
            plotOptions: {
                column: {
                    dataLabels: {
                    enabled: true,
                    formatter: function(){
                        // return Highcharts.numberFormat(this.y,0);
                        }
                    }
                }
            }
        };

它工作正常。但是无论如何我可以制作百分比格式的图表吗？我需要使用任何事件还是有任何可用的配置？

Answer 1

尝试这样的事情

Plunker 演示

plotOptions: {
            column: {
                dataLabels: {
                enabled: true,
                formatter: function(){
                  var seriesData=this.series.data;
                  var total=0;
                  for(var i=0;i<seriesData.length;i++){
                    total+=seriesData[i].y
                  }
                  return (100 * this.y / total).toFixed(2) + "%";
                 }
              }
            }
        },