高图-在条形图的两端仅显示一个名称

Question

我试图在条形图的两端仅显示一个名称。 我从控制器发送数据（我正在使用zend）：

$chartsData['project'][] = array('riri', 45);
$chartsData['project'][] = array('fifi', 120);
$chartsData['project'][] = array('loulou', 3);

我得到了：

如您所见，一切都很好，数据也正确。 栏末尾的名称除外。 我只想在每个栏上显示一个名字（riri，fifi，loulou）。 目前，我在我的js文件中得到了这个：

        plotOptions: {
            bar: {
                color : '#4572A7',
                dataLabels: {
                    enabled: true,
                    borderWidth: 0,
                    format: '{series.name}' 
                }
            }
        },           

我尝试将{series.name}的值更改为放置{x}或{y}但我只有数字。

Answer 1

很难判断您是否实际上在xAxis或yAxis或series设置了正确的值，但是如果有的话，则需要使用formatter 。 尝试这个：

plotOptions: {
        series: {
            dataLabels: {
                enabled: true,
                formatter: function() {
                    return this.x;
                }
            }
        }
    },

这是一个小提琴示例： http : //jsfiddle.net/Jr79Y/

Answer 2

终于我找到了解决我问题的答案：

            plotOptions: {
            bar: {
                color : '#4572A7',
                dataLabels: {
                    enabled: true,
                    borderWidth: 0,
                    formatter: function() {
                        return this.point.name;
                    } 
                }
            }
        },           

我只是将this.x替换为this.point.name 。 我希望它将对某人有所帮助。 感谢您的帮助和时间。