qq_20356519的博客

原创 echarts横向柱状图数值显示在最右侧的解决方案

label配置项更新后重新调一下initOption方法，重设配置项，然后setOption重渲染series。图表series包含多个系列的柱状图，label配置项都是重复的，所以也提出来写了。以上是横向柱状图的解决方案，如果是竖向柱状图，稍微改一下一些地方就ok，差不多的。因为是vue框架，option配置项是用initOption方法提出来写的。，这时候数值会显示在y轴左侧，这时候上面的方法里的位置计算才准确。偏移的位置x根据自己的图表去修改，不固定。