这是最基础的柱状图
添加了数据标签的柱状图,柱状图数据标签默认居中显示,但是遇到以下的情况,如果显示的数据很小那么就意味着柱状图元素的高度很矮,那么中间的数据就不完全显示了。
遇到这样的问题,该如何解决呢,继续让数据居中显示肯定是不行的了,于是我们想到可以让数据显示在上面,如下图所示
那么代码怎么实现呢?
plotOptions: {
bar: {
dataLabels: {
position: 'top', // top, center, bottom
},
}
},
dataLabels: {
enabled: true,//启用数据标签,即是否直接在图标上显示数据
formatter: function (val) {
return val + "%";
},
offsetY: -20,
style: {
fontSize: '12px',
colors: ["#304758"]
}
},