折线图：series无数据时，连接折线断开

原创于 2018-09-05 15:07:00 发布 · 4.1k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

Echarts学习笔记

本文介绍了一个使用ECharts绘制带有空数据点的折线图的例子。图表数据为一周七天的数值，部分天数数据为空，通过配置实现了空数据点间的平滑连接。

option = {
    grid:{
        left:'40%',
        bottom:'50%',
    },
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [820, 932, 901, '', '', 1330, 1320],
        type: 'line',
        smooth: true,
        // 是否连接空数据。
        connectNulls: true,
    }]
};

标签

#echarts