如何将我的HighCharts DataLabels *放在栏上方?

时间:2013-07-08 23:05:45

标签: highcharts

我有一个包含大量选项的HighChart条形图,除了一个小问题外,它完美无缺。根据我发现的所有文档,如果我有一个plotOptions:

{
    cursor: "pointer",
    column:{
        dataLabels: {
            color: "#4572A7",
            enabled: true,
            style: {"fontWeight":"bold"}
        },
        inside: false,
        point:{"events":{}},
        stacking: 'normal',
   }
}

我应该在条形图中的每个条形图上方加上标题。但是,这些字幕不是出现在每个条形图上方,而是呈现在条形图的中心。我确定我只是错过了一个关键选项或者其他什么,但是我无法弄清楚那个选项是什么......那里有任何HighCharts专家都知道吗?

1 个答案:

答案 0 :(得分:0)

原来我错过的选项是verticalAlign;当我将它添加到我的dataLabels选项(值为“top”)时,它修复了一些问题......主要是。我还必须添加一个y选项“-10”来实际让标签位于条形图上方。

有趣的是,我有一个旧版本图表的代码,它根本没有verticalAlign选项,但它在条形图上方显示了它的标签。我想我在我的版本中使用的其他选项使verticalAlign成为必需。

在任何情况下,我都会抛弃这种自我对话,以防其他人遇到同样的问题。