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

相关推荐
Highcharts.js6 小时前
React 如何实现大数据量图表(性能优化指南)
前端·javascript·react.js·信息可视化·集成·highcharts
城数派6 小时前
ArcGIS中的色带配色方案
arcgis·信息可视化·数据分析
Sharewinfo_BJ6 小时前
数据可视化新维度:Power BI Unicode 应用实战指南
信息可视化·数据挖掘·数据分析·powerbi
2301_780303906 小时前
安全事件管理与报警管理系统 SIEM
信息可视化
爱学习的程序媛1 天前
【Web前端】“十五五”重大项目中的前端机遇
前端·科技·信息可视化·前端框架·创业创新·信息与通信
I love studying!!!1 天前
python项目:生成数据
信息可视化·数据挖掘·数据分析
天天爱吃肉82181 天前
【新能源汽车NTC+VCU温度采集全链路解析:原理、试验与测不准根源定位】
功能测试·嵌入式硬件·机器学习·信息可视化·汽车
星辰徐哥2 天前
人工智能从入门到精通:数据可视化基础与应用
人工智能·ai·信息可视化·应用·数据
李昊哲小课2 天前
国际足球比赛数据集分析报告(1872-2025)
信息可视化·数据挖掘·数据分析·pandas·matplotlib·pyecharts·seaborn