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);



