在 Echarts 中，要使用 connectNulls 来连接折线图中的空数据，可按照以下步骤进行操作：
1. 初始化 Echarts 实例，并指定图表的配置项和数据。在配置项中的 series 部分，设置 connectNulls: true 。例如：
html 复制
<body>
<!-- 为 echarts 准备一个具备大小（宽高）的 dom -->
<div id="main" style="width: 600px;height: 400px;"></div>
<script type="text/javascript">
// 基于准备好的 dom，初始化 echarts 实例
var mychart = echarts.init(document.getElementById('main'));
// 指定图表的配置项和数据
var option = {
tooltip: {
trigger: "axis"
},
legend: {
data:('销量')
},
xaxis: {
data:("衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子")
},
yaxis: {},
series: ({
name:'销量',
type:'line',
data:(5, 20, 36, '-', 10, 20), // 这里的数据中包含了一个空值 '-'
connectnulls: true // 设置连接空数据
})
};
// 使用刚指定的配置项和数据显示图表。
mychart.setOption(option);
</script>
</body>
在上述示例中， series 里的 data 数组中包含了一个空值 '-' ，通过设置 connectNulls: true ，Echarts 会在绘制折线图时连接这些空数据点，使折线不会出现中断。
请注意， connectNulls 的默认值为 false ，即不连接空数据。如果数据中存在空值（如 null 、 0 或其他表示空值的标识）且希望折线连续，就需要将其设置为 true 。同时，确保 xaxis 中的数据和 data 中的非空数据在位置上是对应的，这样才能正确地连接空数据点并展示折线图。
![[日进斗金系列]用码上飞解决企微开发维修管理系统的需求](https://i-blog.csdnimg.cn/direct/cf5c93d3edad4e819ca2194f83e7bd6c.png)
![[每周一更]-(第105期)：SSL证书过期后引发的DNS缓存问题](https://i-blog.csdnimg.cn/direct/1a27bc675f38413f858aaa0be919e112.jpeg#pic_center)