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

相关推荐
绎奇PPT8 小时前
中国专利奖答辩 PPT 逻辑梳理 + 视觉设计
信息可视化·powerpoint·ppt
SAP上海工博云署13 小时前
生产采购财务一体化ERP选型指南(中小制造/工贸企业适用)
大数据·人工智能·信息可视化·制造·信息与通信
财经资讯数据_灵砚智能15 小时前
基于全球经济类多源新闻的NLP情感分析与数据可视化(夜间-次晨)2026年6月9日
人工智能·python·ai·信息可视化·自然语言处理·ai编程·灵砚智能
SilentSamsara2 天前
特征工程系统方法论:编码、分箱、交互特征与特征选择
开发语言·人工智能·python·机器学习·青少年编程·信息可视化·pandas
财经资讯数据_灵砚智能2 天前
基于全球经济类多源新闻的NLP情感分析与数据可视化(夜间-次晨)2026年6月8日
大数据·人工智能·python·ai·信息可视化·自然语言处理·灵砚智能
ZHW_AI课题组2 天前
腾讯云驾车路线规划实现 —— 从 API 调用到代码解析的深度实践
人工智能·机器学习·信息可视化
yuegu7772 天前
HarmonyOS应用<节气通>开发第15篇:学习记录页面
学习·信息可视化·harmonyos
逸模2 天前
从 CAD+SU 到逸模|效果图制作,告别反复手动同步主旨
大数据·笔记·其他·信息可视化·产品经理
财经资讯数据_灵砚智能2 天前
基于全球经济类多源新闻的NLP情感分析与数据可视化(日间)2026年6月9日
人工智能·python·ai·信息可视化·自然语言处理·ai编程·灵砚智能
一条小锦吕*2 天前
基于Spring Boot + 数据可视化 + 协同过滤算法的推荐系统设计与实现(源码+论文+部署全讲解)
spring boot·算法·信息可视化