ECharts系列:图表中显示点,点与点之间不连线

目录

目录

1.前言

2.实现效果

3.关键代码

4.实现效果


1.前言

最近产品有个需求,想要下面这种echart图表,让我研究一些怎么实现

2.实现效果

需要的效果是这样的

3.关键代码

还是使用折线图,对series代码进行设置如下:

主要是width设置为0,点与点之间不会连线

TypeScript 复制代码
series: data.map((item, i) => {
    return {
        type: 'line',
        lineStyle: {
        width: 0, // 设置线宽为 0,不连接点与点之间的线
        },
    }
})

4.实现效果

相关推荐
IT研究室2 小时前
大数据毕业设计选题推荐-基于大数据的国家药品采集药品数据可视化分析系统-Spark-Hadoop-Bigdata
大数据·hadoop·信息可视化·spark·毕业设计·数据可视化·bigdata
毕设源码-郭学长4 小时前
【开题答辩全过程】以电商数据可视化系统为例,包含答辩的问题和答案
信息可视化
没有梦想的咸鱼185-1037-166314 小时前
【高分论文密码】大尺度空间模拟预测与数字制图
信息可视化·数据分析·r语言
二川bro15 小时前
第27节:3D数据可视化与大规模地形渲染
3d·信息可视化
星图云1 天前
从课前到课后,地理创新实验室赋能教学新范式
信息可视化
云天徽上2 天前
【数据可视化-107】2025年1-7月全国出口总额Top 10省市数据分析:用Python和Pyecharts打造炫酷可视化大屏
开发语言·python·信息可视化·数据挖掘·数据分析·pyecharts
界面开发小八哥2 天前
数据可视化图表库LightningChart JS v8.0上线:全新图例系统 + 数据集重构
javascript·信息可视化·数据可视化·lightningchart
Yvonne爱编码2 天前
零基础学习数据采集与监视控制系统SCADA
学习·信息可视化·信息与通信·数据可视化
计算机毕业设计指导2 天前
基于Spring Boot的幼儿园管理系统
spring boot·后端·信息可视化
半瓶榴莲奶^_^2 天前
python基础案例-数据可视化
python·信息可视化·数据分析