Question

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

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

我得到了这个：

Screenshot of the bug

如您所见，一切正常，数据正确。除了酒吧尽头的名字。我只想在每个酒吧（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。我希望它会对某人有所帮助。谢谢大家的帮助和时间。

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

2 个答案: