Echarts 折线图圆点大小颜色样式设置

最新推荐文章于 2024-08-05 11:28:39 发布

LeoL1u

最新推荐文章于 2024-08-05 11:28:39 发布

阅读量2.5w

点赞数 12

CC 4.0 BY-SA版权

文章标签： echarts javascript

本文链接：https://blog.youkuaiyun.com/LeoL1u/article/details/109333609

本文介绍如何使用 ECharts 进行折线图的高级配置，包括展示圆点、设定实心点样式及大小、自定义颜色，并通过 markPoint 显示数据的最大值和最小值，适用于数据分析和可视化展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

  					series: [{                            
                            type: 'line',
                            showSymbol: true,//是否默认展示圆点
                            symbol: 'circle',     //设定为实心点
                            symbolSize: 20,   //设定实心点的大小
                             itemStyle: {
				              normal: {
				                color: "#1F824E", //改变折线点的颜色
				                lineStyle: {
				                  color: "#1F824E", //改变折线颜色
				                },
				              },
				            },
                            data: dataa,                          
                            markPoint: {     //显示一定区域内的最大值和最小值
                                data: [
                                    { type: 'max', name: '最大值' },
                                    { type: 'min', name: '最小值' }
                                ]
                            }]