在highcharts中向条形图的左侧和右侧添加标签

时间:2015-07-10 06:45:27

标签: javascript jquery highcharts labels

我有一个普通的垂直条形图,在高级图表中有2个条形图。它们各有一个dataLabel。我可以很容易地在栏的(垂直)中间显示数据标签。

我的问题是我需要让左侧栏显示该栏左侧的标签(在栏外,图表上,在标签和栏之间提供约5px填充)。

除了在另一边之外,我需要与右边的条相同。

我尝试过像

这样的事情
$("#id").find(".highcharts-data-labels text");

// ...循环然后

var newattrx = parseInt($(textElement).attr("x")) + 70;
$(textElement).attr("x", newattrx);

但这种方法非常邋and,只适用于右侧的显示。

有什么建议吗?

更新:这是小提琴:http://jsfiddle.net/jj14a1ny/

1 个答案:

答案 0 :(得分:0)

可能有一个更好的方法,但我会把它放在这里,以防没人发布。

使用现有方法,您可以检查您正在处理的标签,并相应地将偏移指定为正数或负数:

var x = i == 0 ? -75 : +75;

示例: