Angular 如何创建百分比为2的柱状图

Hi具有以下图表配置：

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);
                        }
                    }
                }
            }
        };

---

它很好用。但是，我是否可以用百分比格式制作图表？我是否需要使用任何事件或是否有可用的配置？

尝试类似的方法

plotOptions：{
专栏：{
数据标签：{
启用：对，
格式化程序：函数（）{
var seriesData=this.series.data；
var合计=0；
对于（var i=0；i以百分比格式包含任何示例。它不是像这样清除的东西。请在代码中尝试该配置。或者上载plunker演示（使用您的数据）。我可以尝试在formatter中使用此行。返回Highcharts.numberFormat（100*this.y/this.y.total，0）+“%”

但问题是我无法导入

高图表

。如何在Angular 2Great中做到这一点！非常感谢。但我需要将Y轴设置为100，因为它是一个百分比。无论如何？很抱歉，我对高图表是新手，因为您可以看到轴，列中的值没有链接，这有点不动态，但工作很深。但是在我的情况下我有两个系列。这是一个棘手的部分，正如你所解释的，一个系列可以完美地工作，但不适用于多个系列

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) + "%";
                 }
              }
            }
        },