Javascript 如何在highcharts中设置datalebels格式化程序

Javascript 如何在highcharts中设置datalebels格式化程序,javascript,highcharts,twig,Javascript,Highcharts,Twig,我使用highcharts来显示来自数据库的调用数,我还想使用quote来显示作为datalabel的百分比。 问题是在highcharts中y显示调用的数量,x显示存储在xAxis中的名称,当我在plotOptions中调用quote direkt时:类似以下格式的格式:[{quote | raw}],它显示每个lebel中数据库中的所有值 // Create the chart $(function() { var i = 0; var caller = [

我使用highcharts来显示来自数据库的调用数,我还想使用quote来显示作为datalabel的百分比。 问题是在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  
    });
});
//创建图表
$(函数(){
var i=0;
变量调用方=[
{name:'calls',data:[{{calls}}]},
]
Highcharts.chart('容器'{
图表:{
类型:“列”
},
标题:{
文本:“轻松调用{date | date(“d.m.Y”)}”
},
副标题:{
文本:“”
},
xAxis:{
类别:[{{callPoint | raw}}],
},
打印选项:{
系列:{
边框宽度:0,
数据标签:{
启用:对,
格式:“{y}%”
}
}
},
工具提示:{
headerFormat:“{series.name}
”, pointFormat:'调用:{point.y:.2f}
' }, 系列:来电者 }); });
有可能在海图中做我需要的事情吗?或者任何建议?

例如-

用于将数据值用作lebel

来自海图参考

仅限堆叠系列和馅饼的百分比。重点是
占总数的百分比

此点
点对象。点名称(如果已定义)为 可通过
this.point.name
获得

this.series
series对象。系列名称可通过以下方式获得:
此.series.name

此项。仅限堆叠系列。该点x的总值
价值观

this.x
x值

this.y
y值


非常感谢,但这并不是我所需要的。@TonGok:您可以修改
formatter:function(){
根据您的愿望,我知道如何获得x+y,但是,我需要从其他数据中获得额外的x,以使第一个x成为datalebels@TonGok:请创建Fiddle您可以从格式化程序访问所有点-this.series.data-并获取所需的任何信息-
dataLabels: {
    enabled: true,
    formatter: function () {
        return this.y +' '+this.x + ' '+this.series.name;
    }
}
dataLabels: {
    enabled: true,
  formatter: function () { return this.series.data[0].y; }
}