javascript - echarts实现间断的柱状图或K线图，求提供思路？

问题描述

问 题

这样的图，柱状图或者K线图，如何实现中间间断的。
数据后端拿

解决方案

上个图便于理解思路。

用官网实例简单实现了一下
从我的理解来说，eCharts里要增加数据或者删除数据，要改变的肯定是series，
所以你这个问题转换成数据来说，间断的就是存在不同series的。
查了查手册没有发现能单独修改样式的，且从你图中来看，上部分的柱子应该是不同长度的。
用DX表示你图中的第5根柱子，
那DX的构成就是series1（下）和series2（上）
其中series1数据范围Y值比作 3-10，那series2的数据范围Y值应该就是 11-13，
10-11就是中间间断

总结：用两个或多个series来做，比如你的图，
series1.data:[3-6,8-12,2-6,3-7,4-6,2-6,2-6]
series2.data:[0,0,0,0,7-9,7-8,0]
ps：上面数组的数据只是表达意思，不是规范。另用0或者null我忘了，反正相当于用空数据占个位置，保证你数据的对应关系。

这篇关于javascript - echarts实现间断的柱状图或K线图，求提供思路？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！