如何解决Highcharts如何根据值更改数据标签的对齐方式
我用正负值构建了一个变量图:fiddle
我想从右到左更改poisitve值(蓝色)的数据标签的对齐方式。
series: {
stacking: 'normal',negativeColor: 'rgb(179,18,.4)',threshold: 0,dataLabels: {
allowOverlap: true,x: 0,align: 'right',enabled: true,verticalAlign : 'middle',formatter: function () {
return this.point.name + ': ' + Highcharts.numberFormat(Math.abs(this.point.y),1);
},style: {
fontFamily: 'Poppins',fontWeight:'550',color:'#373737',fontSize: "14px",textOutline: false
}
}
}
}
我该怎么做?
解决方法
您可以在complete
函数中定义数据标签对齐方式:
data: {
...,complete: function(data) {
data.series[0].data.forEach(function(el) {
el.dataLabels = {
align: el.y > 0 ? 'left' : 'center'
}
});
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。