echarts
下一次就是永远
这个作者很懒,什么都没留下…
展开
-
Echarts柱状图,实现不同系列,柱体之间的部分重叠效果
使用echarts绘制柱状图,如何实现下图这种,不同系列所代表的柱体之间的部分重叠的效果呢?如图,x轴上每个data,对应着4种数据(3柱形、1折线图),其中3个柱体之间存在着部分重叠的视觉效果。barGap属性关键在于配置项series下的barGap属性。看一看echarts官方提供的配置项手册中的解释:不同系列的柱间距离,为百分比(如 ‘30%’,表示柱子宽度的 30%)。如果想要两个系列的柱子重叠,可以设置 barGap 为 ‘-100%’。这在用柱子做背景的时候有用。建议’-45原创 2021-09-23 14:58:47 · 4416 阅读 · 0 评论 -
echarts中setOption第二个参数的作用。处理减少series数组长度时,图表不发生变化的问题。
setOption是echarts中常被人们忽视的一个API,通常大家只会使用第一个参数,用于为图表设置配置项。然而有些场景,却需要用到第二个参数,也就是notMerge,取值为true或false。series配置项减少,图表不刷新的BUG如图,右侧图表系列(也就是折线图的线)的个数,与左侧下拉选框选中的数组联动。当下拉选框多选中一个,右侧多产生一条线,反之,少选一个,右侧减少一条线。然鹅发现,增加的时候可以正常渲染,减少的时候却不行。原因分析实际上series配置项发生改变时,图表进行了渲染原创 2021-05-21 14:45:16 · 2904 阅读 · 3 评论