Highcharts columnrange柱状范围图datalabels如何只显示一个

在用columnrange柱状范围图的时候遇到一个问题,当在dataLables中调用formatter格式化显示文字时,柱状范围图的两端都显示文字,如何让文字在中间显示呢?
代码如下:
plotOptions: {
columnrange: {
dataLabels: {
enabled: true,
formatter : function() {
return '电源料号:'+data[this.key][this.series.index].lh+"<br/>"+'批量:'+data[this.key][this.series.index].pl;
},
inside:true
},
grouping: false,
}
},

正常显示的图表如下:

1.jpg

我想要达到的效果如下,红色部分为差异:

2.jpg

 
已邀请:

john - 个人微博:http://weibo.com/u/2175683160

赞同来自: joy_hu

很好解决的,效果如下:
Snip20150930_50.png

代码见:http://code.hcharts.cn/hcharts.cn/hhhGmT
 

joy_hu

赞同来自:

$(function () {

$('#container').highcharts({

chart: {
type: 'columnrange',
inverted: true
},

title: {
text: 'Temperature variation by month'
},

subtitle: {
text: 'Observed in Vik i Sogn, Norway, 2009'
},

xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},

yAxis: {
title: {
text: 'Temperature ( °C )'
}
},

tooltip: {
valueSuffix: '°C'
},

plotOptions: {
columnrange: {
dataLabels: {
enabled: true,
formatter: function () {
return '你好';
}
}
}
},

legend: {
enabled: false
},

series: [{
name: 'Temperatures',
data: [
[-9.7, 9.4],
[-8.7, 6.5],
[-3.5, 9.4],
[-1.4, 19.9],
[0.0, 22.6],
[2.9, 29.5],
[9.2, 30.7],
[7.3, 26.5],
[4.4, 18.0],
[-3.1, 11.4],
[-5.2, 10.4],
[-13.5, 9.8]
]
}]

});

});

要回复问题请先登录注册