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,
}
},正常显示的图表如下：
我想要达到的效果如下，红色部分为差异：
2 个回复
john - 个人微博：http://weibo.com/u/2175683160
赞同来自: joy_hu
代码见：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]
]
}]
});
});