echarts绘制断开的点。或者叫。数据不连续?-灵析社区

满脑子智慧溢出

![普罗米修斯的监控图](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250103/e3a077e53ffb9b804d884c2b8fc40b1b.png) 问题1:后端返回的点。就是不连续的(因为关机或原因,数据不是连续的) 我想要的结果和prometheus这个图一样。什么时间数据就断开了。什么时间数据生成的。一目了然 * * * 而我现在用echarts。生成的都是连续的。左右两边很远的点。。都是连在一起的。 //通过赋值。。这个图。很难看 const option = { legend: { left: 'left', right: 0, width: "auto", // 图例组件的宽度 height: "auto", // 图例组件的高度 itemHeight: 14, itemWidth: 25, itemGap: 5, data: [], selected: { 全选: true, }, bottom: 0, icon: 'rect', y: 'top', textStyle: { color: "rgba(51, 51, 51, 1)", lineHeight: 25, } }, grid: { top: '10%', right: '1%', left: '2%', bottom: '2%' }, dataZoom: [ { type: 'slider', // 滑动条型数据区域缩放组件 show: false, start: 0, end: 100, } ], xAxis: { type: 'time', axisLabel: { formatter: function (value: any) { var time = new Date(value); return time.toLocaleTimeString('en-US', { hour12: false, hour: '2-digit', minute: '2-digit' }); }, // 设置刻度标签显示的间隔,这里设置为每 2 个刻度显示一个 interval: 5, }, }, yAxis: { type: 'value', }, series: [ { type: 'line', name: '全选', showSymbol: false, data: [], symbol: 'none', animation: false } ] }; ![有问题的图](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250103/f126de44a3810217fb7c622250bfb7d9.png)

阅读量:410

点赞量:13

问AI
官网有这个配置,详细可查看下面例子 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250101/33adee19faf438d8f3e0fedab19b8d4c.png) "https://echarts.apache.org/zh/option.html#series-line.connect..." (https://link.segmentfault.com/?enc=X9vYY3xA%2B3HtRTh%2BaoPndA%3D%3D.vPBe969XpYetjLfgJlOP7RUqpvb02%2Bf2VR3p4Xxl4zZdOyoChPZYzbvrx24%2BxWgE%2B%2FUyMoo6MyWidEoLkQ1sdpT%2B17vxhHwAYhedK32PiFA%3D) option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value' }, series: [ { data: [150, 230, null, 218, 135, 147, 260], type: 'line', connectNulls:false } ] };