javascript - Highcharts - 在条形图的每一端仅显示一个名称

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}为 put{x}或{y}但我只得到了数字。

Answer 1

最后我找到了我的问题的答案：

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

我只是替换this.x为this.point.name. 我希望它会帮助某人。感谢大家的帮助和时间。

Answer 2

很难判断你是否真的在xAxisoryAxis或内设置了正确的值series，但如果你有，你需要使用formatter. 尝试这个：

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

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