我之前写的：在公司做大屏幕可视化项目的时候，遇到了这样的需求：
1 .减慢折线图的渲染速度
2 .如果折线图数据为0，则不显示线条
本文介绍了ECharts提供的示例。
代码示例： import * as echarts from 'echarts '； varchartdom=document.getelementbyid (' main )； varmychart=e charts.init (chart DOM，' dark '； Var选项； option={ xaxis : } type : ' category '，data: [ '星期一'，'星期二'，'星期三'，'星期四'，'星期五'，'星期天' ] 选项mychart.setoption (option； 以下是结果的示例。
然后看一下上面的两个需求：
减慢折线图的渲染速度。 只需添加animationDuration属性。 代码如下。
导入* as e charts from ' e charts '； varchartdom=document.getelementbyid (' main )； varmychart=e charts.init (chart DOM，' dark '； Var选项； option={ animation duration :3000，//减慢折线图渲染速度，当前为3秒xAxis: { type: 'category '，data: [ '星期一] '星期三] yaxis:{type:'value'}，series : [ { data : [ 90，100，110，100，0，0，0 ]，type:'line 结果如下。
如果折线图数据为0，则不显示线条。 意思是不需要下图的红框内的线。 因为数据是0。 只需操作series的data数据。
在当前示例data:[90、100、110、100、0、0、0]中，只需将数据更改为以下格式的data:[90、100、110、100、'-'] :
有两种方法：
在后端操作数组，将值为0的项代入“-”，返回前端
从前端forEach遍历数组，将找到的0项代入’-’。 (前提是如果是0，则一定不显示，在某些情况下也避免显示0 )。
代码如下。
导入* as e charts from ' e charts '； varchartdom=document.getelementbyid (' main )； varmychart=e charts.init (chart DOM，' dark '； Var选项； option={ animation duration :3000，//减慢折线图渲染速度，当前为3秒xAxis: { type: 'category '，data: [ '星期一] '星期三] yaxis:{type:'value'}，series : [ { data : [ 90，100，110，100，'-'，'-'，'-']，type 结果如下。