相关文章推荐
纯真的熊猫  ·  了解 PowerApps ...·  5 月前    · 
安静的冰棍  ·  alpine docker exec: ...·  1 年前    · 
豁达的帽子  ·  node_modules/.bin/ng ...·  1 年前    · 
冷冷的鸭蛋  ·  GetChildren Method ...·  1 年前    · 
·  阅读

今天在做echarts图表的时候,发现x轴最后一项被加粗了,因为我x轴label用了两种字体颜色,就可以很明显看出来,字体加粗是因为被重复渲染了。话不多说,先上图。

echarts 柱状图 我的echarts 配置项是这么写的,因为我要强制显示x轴的所有label,所以加了interval:0

xAxis: {
    axisLabel: {  
        interval:0
    data:[]
复制代码

我查了一下,正是因为interval:0这个强制显示策略,才会导致x轴最后一项重复渲染。只要改成interval:'auto'就不会有出现这个问题。 但是我这边的需求的确是要强制显示每一个x轴标签,interval:'auto'对我来说是不可取的。然后查到以下这种方案也可以解决最后一项重复渲染的问题。

axisLable:{
     borderWidth:10, // 加边框
     borderColor:'#fff', // 背景色
     interval:0
复制代码

看看修改后的效果