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.实现效果

相关推荐
云天徽上9 小时前
【数据可视化-28】2017-2025 年每月产品零售价数据可视化分析
机器学习·信息可视化·数据挖掘·数据分析·零售
Guheyunyi10 小时前
智能照明系统:照亮智慧生活的多重价值
大数据·前端·人工智能·物联网·信息可视化·生活
云天徽上11 小时前
【数据可视化-27】全球网络安全威胁数据可视化分析(2015-2024)
人工智能·安全·web安全·机器学习·信息可视化·数据分析
CodeJourney.12 小时前
DeepSeek与WPS的动态数据可视化图表构建
数据库·人工智能·信息可视化
云天徽上13 小时前
【数据可视化-30】Netflix电影和电视节目数据集可视化分析
人工智能·机器学习·信息可视化·数据挖掘
杨超越luckly20 小时前
HTML应用指南:利用GET请求获取微博签到位置信息
大数据·信息可视化·数据分析·html·html5
云天徽上1 天前
【数据可视化-21】水质安全数据可视化:探索化学物质与水质安全的关联
安全·机器学习·信息可视化·数据挖掘·数据分析
穆易青1 天前
2025.04.23【探索工具】| STEMNET:高效数据排序与可视化的新利器
python·信息可视化·数据分析·ordering·visualisation
云天徽上2 天前
【数据可视化-22】脱发因素探索的可视化分析
人工智能·机器学习·信息可视化·分类
Guheyunyi2 天前
安全调度系统:安全管理的智能中枢
运维·安全·信息可视化·数据挖掘·数据分析