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

相关推荐
c***72747 小时前
【Python】网络爬虫——词云wordcloud详细教程,爬取豆瓣最新评论并生成各式词云
爬虫·python·信息可视化
图扑数字孪生11 小时前
3D 场景预加载应用实现 | 图扑软件
信息可视化·应用·数字孪生·三维可视化·加载页
GIS数据转换器11 小时前
基于GIS的智慧招商引资数据可视化系统
人工智能·信息可视化·数据挖掘·数据分析·无人机·旅游
~~李木子~~12 小时前
数据可视化:App Store数据分析:价格、类别与用户评分的深度洞察
信息可视化·数据挖掘·数据分析
礼拜天没时间.13 小时前
《Grafana 企业级可视化监控实战指南:从安装、配置到智能告警》:Grafana 使用
linux·运维·信息可视化·zabbix·grafana·监控
国服第二切图仔13 小时前
- Electron for 鸿蒙PC项目实战案例—热力图数据可视化应用
信息可视化·electron·开源鸿蒙·鸿蒙pc
礼拜天没时间.14 小时前
《Grafana 企业级可视化监控实战指南:从安装、配置到智能告警》:Grafana 安装部署
linux·运维·信息可视化·zabbix·grafana·监控
国服第二切图仔14 小时前
Electron for 鸿蒙PC项目实战案例之散点图数据可视化应用
信息可视化·electron·鸿蒙pc
国服第二切图仔17 小时前
Electron for 鸿蒙PC数据可视化应用—柱状图
信息可视化·electron·鸿蒙pc
tyatyatya1 天前
MATLAB图形标注教程:title()/xlabel()/ylabel()/legend()/grid on全解析
数据库·matlab·信息可视化