echarts - 隐藏折线图点之间的时间间隙

标签 echarts

当折线图的两个数据点之间没有值时,如何隐藏它们之间的时间差距?

例如,3分:

  • 第一个点:时间:星期五,值:2
  • 周五和周一之间没有点(不应用直线显示)
  • 第二点:时间:星期一,值:4

我已经尝试过

series: {
connectNulls: fals,
}

没用。还有其他属性吗?

最佳答案

不显示数据点

使用null作为值:

series: {
    data: [5, 2, null, null, 4, 5]
}

您不需要使用connectNulls

enter image description here


不显示 x 轴刻度

当您想要隐藏空数据点的 x 轴刻度时,请将 x 轴切换为类型:类别,并排除这些值。请务必将它们也从您的系列中排除。

xAxis: {
    type: 'category',
    data: ['thursday', 'friday', 'monday', 'tuesday']
},
series: {
    data: [5, 2, 4, 5]
}

enter image description here

关于echarts - 隐藏折线图点之间的时间间隙,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47799506/

相关文章:

javascript - 如何减少 eCharts 的填充?

vue.js - 使用 Jest 测试 vue-echarts 组件时出错

javascript - ECharts/JS - 格式化时间 Int 为 H :M:S within Tooltip

javascript - 在 Echarts 中保存为图像时的图形标题

javascript - echart如何创建多个动态值的标签?

echarts - 如何使用echarts缩放时间轴?

vue.js - 使用 Echarts 的 vue.js 项目不显示图例

r - 如何使 echarts4r 上的标题居中?

javascript - echarts(折线图)没有数据时如何连接