Echarts柱状图——设置平均值线

Térébentine

已于 2022-02-01 10:38:30 修改

阅读量8.4k

点赞数

分类专栏： Echarts 文章标签：数据可视化

于 2022-01-28 22:04:01 首次发布

本文链接：https://blog.csdn.net/weixin_43790703/article/details/122737180

版权

本文介绍了如何在Echarts的柱状图中添加平均值线，通过在series系列配置中添加markLine代码实现。同时提到了markPoint用于设置针形圆，并推荐了相关文章帮助读者深入理解。

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

想在柱状图中设置平均值线，只需在series系列中加入markLine代码。注意L是大写，小写不能出图。

series:[
	{
        //这里的name,type,data都为本图的示例所需
		name:'销量',
		type:'bar',
		data:[5,20,36,10,10,20],
		/*设置针形圆，这步若不需要可以删除和更改，是本图中针形圆的代码
		markPoint:{
		...
			},
        */
	  //设置平均值线
		markLine:{
		 data:[
				{
					type:"average",
					name:"平均值"
				}
			 ]
		}
	}
	]

series设置明细如下，希望帮助大家理解。里面的markPoint表示设置针形圆，具体可以参见我的针形圆文章。

Echarts柱状图_设置最小最大值的针形圆_Térébentine的博客-CSDN博客