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

时间:2017-03-30 08:23:17

标签: angular highcharts angular2-highcharts

您有以下图表配置:

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

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

1 个答案:

答案 0 :(得分:2)

尝试这样的事情

Plunker demo

$array1 = ['apple', 'orange', 'banana', 'guava', 'grapes'];
$array2 = ['apple', 'jackfruits', 'banana', 'malta'];
$array3 = ['banana', 'grapes', 'apple'];

$arr = array_merge($array1,$array2,$array3);
$count_arr = array_count_values($arr);
arsort($count_arr);
print_r($count_arr);
print_r(array_keys($count_arr));