如何在highcharts中设置数据集格式化程序

时间:2017-02-20 16:14:07

标签: javascript highcharts twig

我使用highcharts向我展示了来自数据库的调用次数,我还想使用数据库中的引用来向我显示作为数据标签的百分比。 问题出在highcharts中,y表示调用次数,x表示存储在xAxis中的名称,当我在plotOptions中调用quote direkt时:格式如下:[{{quote | raw}}],它显示每个lebel中数据库的所有值。

  // Create the chart
$(function() {
    var i = 0;  
    var caller = [
        { name: 'calls', data:[{{ calls }}] },
    ]

    Highcharts.chart('container', {
        chart: {
            type: 'column'
        },
        title: {
            text: 'EASy call {{ date|date("d.m.Y") }}'
        },
        subtitle: {
            text: ''
        },
        xAxis: {
        categories: [{{callPoint | raw}}],
    },
   plotOptions: {
        series: {
            borderWidth: 0,
            dataLabels: {
                enabled: true,
                 format: '{y} %'
            }
        }
    },
    tooltip: {
        headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
        pointFormat: '<span style="color:{point.color}">calls</span>: <b>{point.y:.2f}</b> <br/>'
    },
        series: caller  
    });
});

是否可以在highcharts中执行我需要的操作?或任何建议?

1 个答案:

答案 0 :(得分:0)

例如 - JSFiddle

dataLabels: {
    enabled: true,
    formatter: function () {
        return this.y +' '+this.x + ' '+this.series.name;
    }
}

将数据值用作lebel JSFiddle

dataLabels: {
    enabled: true,
  formatter: function () { return this.series.data[0].y; }
}

来自Highcharts参考

  

this.percentage只堆叠系列和馅饼。关键点   占总数的百分比。

     

this.point点对象。点名称,如果已定义,则为   可通过this.point.name获取。

     

this.series系列对象。系列名称可通过   this.series.name

     

this.total仅限堆叠系列。此时的总值为x   值。

     

this.x x值。

     

this.y y值。