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

相关推荐
陈辛chenxin2 小时前
【大数据技术06】大数据技术
大数据·hadoop·分布式·python·信息可视化
java1234_小锋14 小时前
[免费]基于Python的农产品可视化系统(Django+echarts)【论文+源码+SQL脚本】
python·信息可视化·django·echarts
Macbethad2 天前
数据可视化的实现方法
信息可视化
汤姆yu2 天前
基于大数据的信贷风险评估的数据可视化分析与预测系统
大数据·信息可视化
qiao若huan喜2 天前
10、webgl 基本概念 + 坐标系统 + 立方体
前端·javascript·信息可视化·webgl
数据超市2 天前
快速CAD转到PPT的方法,带教程
大数据·python·科技·信息可视化·数据挖掘
B站_计算机毕业设计之家3 天前
深度血虚:Django水果检测识别系统 CNN卷积神经网络算法 python语言 计算机 大数据✅
python·深度学习·计算机视觉·信息可视化·分类·cnn·django
码界筑梦坊3 天前
240-基于Python的医疗疾病数据可视化分析系统
开发语言·python·信息可视化·数据分析·毕业设计·echarts
码界筑梦坊3 天前
243-基于Django与VUE的笔记本电脑数据可视化分析系统
vue.js·python·信息可视化·数据分析·django·毕业设计·echarts
B站_计算机毕业设计之家3 天前
大数据YOLOv8无人机目标检测跟踪识别系统 深度学习 PySide界面设计 大数据 ✅
大数据·python·深度学习·信息可视化·数据挖掘·数据分析·flask