Javascript Highcharts-在条形图的每一端仅显示一个名称';海图

Javascript Highcharts-在条形图的每一端仅显示一个名称';海图,javascript,highcharts,Javascript,Highcharts,我试图在条形图的两端只显示一个名称。 我从控制器发送数据(我使用zend): 我得到了这个: 如您所见,一切正常,数据正确。除了酒吧末尾的名字。我只想给每个酒吧显示一个名字(riri、fifi、loulou)。目前,我在js文件中得到了以下信息: plotOptions: { bar: { color : '#4572A7', dataLabels: {

我试图在条形图的两端只显示一个名称。 我从控制器发送数据(我使用zend):

我得到了这个:

如您所见,一切正常,数据正确。除了酒吧末尾的名字。我只想给每个酒吧显示一个名字(riri、fifi、loulou)。目前,我在js文件中得到了以下信息:

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