栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 前沿技术 > 大数据 > 大数据系统

JavaScript大数据图表(堆积折线图)

JavaScript大数据图表(堆积折线图)

图片展示

 

HTML


	
		
		
		
	
	
	
	
	
	
		
			
		
	
	

CSS
#djzxt{
	width: 500px;
	height: 500px;
}
Javascript
 
var myCharts = echarts.init(document.getElementById("djzxt"));

var option ={
	title:{
		text:"2021个人财政收入表"
	},
	//触发轴
	tooltip:{
		trigger:"axis"
	},
	// 小图标
	legend:{
		data:["工资","股票","基金","红包"]
	},
	// X轴,Y轴
	xAxis:{
		type:"category",
		data:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"]
	},
	yAxis:{
		type:"value"
	},
	series:[
		{type:"line",
		name:"工资",
		data:[1000,2000,3400,5698,3457,3256,4325,3245,4667,9999,8765,8899,]},
		{type:"line",
		name:"股票",
		data:[-1000,2000,-3400,5698,-3457,3256,-4325,3245,4667,-9999,8765,-8899,]},
		{type:"line",
		name:"基金",
		data:[100,-200,340,598,357,32,45,35,467,99,87,-809,]},
		{type:"line",
		name:"红包",
		data:[100,200,300,98,57,56,25,35,47,999,65,889,]},
		]
	
};

myCharts.setOption(option);

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/663363.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号