Javascript Highcharts-在条形图的每一端仅显示一个名称';海图
我试图在条形图的两端只显示一个名称。 我从控制器发送数据(我使用zend): 我得到了这个: 如您所见,一切正常,数据正确。除了酒吧末尾的名字。我只想给每个酒吧显示一个名字(riri、fifi、loulou)。目前,我在js文件中得到了以下信息:Javascript Highcharts-在条形图的每一端仅显示一个名称';海图,javascript,highcharts,Javascript,Highcharts,我试图在条形图的两端只显示一个名称。 我从控制器发送数据(我使用zend): 我得到了这个: 如您所见,一切正常,数据正确。除了酒吧末尾的名字。我只想给每个酒吧显示一个名字(riri、fifi、loulou)。目前,我在js文件中得到了以下信息: plotOptions: { bar: { color : '#4572A7', dataLabels: {
plotOptions: {
bar: {
color : '#4572A7',
dataLabels: {
enabled: true,
borderWidth: 0,
format: '{series.name}'
}
}
},
我试图将
{series.name}
中的值更改为put{x}
或{y}
,但我只得到了数字。很难判断您是否在xAxis
或yAxis
或series
中设置了正确的值,但是如果您有,您需要使用格式化程序
。试试这个:
plotOptions: {
series: {
dataLabels: {
enabled: true,
formatter: function() {
return this.x;
}
}
}
},
这里有一个例子:我终于找到了问题的答案:
plotOptions: {
bar: {
color : '#4572A7',
dataLabels: {
enabled: true,
borderWidth: 0,
formatter: function() {
return this.point.name;
}
}
}
},
我只是将
this.x
替换为this.point.name
。我希望它能帮助别人。谢谢大家的帮助和时间。我试过了;但我得到了这个:。为了知道这一点,我将xAxis和yAxis设置为:您是否尝试返回这个.y代码>相反?是的,我得到了45120,3。但是如果我更改xAxis
如下:xAxis:{categories:['Africa'、'America'、'Asia'、'Europe'、'Oceania'],title:{text:'},gridLineWidth:0,labels:{enabled:true},
我得到了这个:你知道我如何用我之前在控制器中发送的数据更改“非洲”、“美洲”、“亚洲”的值吗?一般来说,你是如何输出序列数组的?因为数据似乎没有正确的形式。在数组中应该有x/y值,但在数组中使用名称。
plotOptions: {
bar: {
color : '#4572A7',
dataLabels: {
enabled: true,
borderWidth: 0,
formatter: function() {
return this.point.name;
}
}
}
},