Javascript 如何在highcharts中设置datalebels格式化程序
我使用highcharts来显示来自数据库的调用数,我还想使用quote来显示作为datalabel的百分比。 问题是在highcharts中y显示调用的数量,x显示存储在xAxis中的名称,当我在plotOptions中调用quote direkt时:类似以下格式的格式:[{quote | raw}],它显示每个lebel中数据库中的所有值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 = [
// 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; }
}