echarts 如何根据每个label值的大小显示不同位置？

Question

demo: https://jsrun.net/rQsKp/edit
写了个函数并没有起作用是什么问题呢？

Answer 1

看了echart文档中 rotete 属性不支持函数类型，所以不起效果。

如果想要实现类似功能，可以在生成data时、或是渲染图表前对data数据单独配置。

// 放在myChart.setOption(option)之前
option.series[1].data.forEach((item) => {
    item = {
        value: item,
        label: {
            rotate: (item>800 && item <900)?90:0
        }
    }
})
// 结束

if (option && typeof option === 'object') {
  myChart.setOption(option);
}

Answer 2

从文档上看bar类型图表的 rotate 只接收 number 并不支持函数，也就是不支持单独项设置

Answer 3

rotate 不支持函数吧