[JavaScript知识库] Echarts柱状图—

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> Echarts柱状图——设置平均值线 -> 正文阅读

[JavaScript知识库]Echarts柱状图——设置平均值线

?想在柱状图中设置平均值线，只需在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博客