如何让echarts折线图线点连接
时间: 2023-10-13 15:56:37 浏览: 241
要让echarts折线图的线点连接,可以使用以下方法:
引用\[1\]中的代码片段显示了一个折线图的配置,其中type属性设置为'scatter',这意味着不显示两点之间的线。如果要显示线段连接点,可以将type属性设置为'line'。
引用\[2\]中的代码片段展示了另一种方法,通过在数据中插入空值来实现线段的断开。在数据数组中插入null值,可以在折线图中创建断开的效果。
引用\[3\]中提供了两种方案。方案一是在dataZoom中添加filterMode: 'empty'属性,这样可以过滤掉空值,使得折线图的线段连接。方案二是在y轴设置中添加yAxis: { min:'dataMin', max:'dataMax' },并在数据处理阶段重新绘制图形,从源头避免异常竖线的产生。
综上所述,要让echarts折线图的线点连接,可以通过将type属性设置为'line',在数据中插入null值,或者在dataZoom中添加filterMode: 'empty'属性来实现。
#### 引用[.reference_title]
- *1* [echarts 折线图 隐藏两点之间的线](https://blog.csdn.net/YHJ_2298/article/details/122362416)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [echarts折线图中实现去掉两点间的线段](https://blog.csdn.net/weixin_44496135/article/details/129447389)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [Echarts 折线图拐弯处竖线解决办法,Echarts 折线图二次查询出现竖直线解决办法](https://blog.csdn.net/weixin_41346436/article/details/123105315)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文