option = {
backgroundColor: "#32373e", // 背景色
color:['blue','yellow','','#11fef6'], // 圖例顏色
tooltip: {
trigger: 'axis'
},
legend: {
bottom: '1%', // 距離底部的位置
textStyle: {
color: 'white'
},
icon: "roundRect", // 顯示的形狀
itemGap: 50, // 間隔距離
itemWidth: 15, // 寬度
itemHeight: 15, // 高度
data: ['郵件營銷', '聯盟廣告', '視頻廣告']
},
grid: {
left: '3%',
right: '4%',
bottom: '5%',
containLabel: true
},
xAxis: {
type: 'category',
boundaryGap: false,
axisLine: {
show: true,
lineStyle: {
color: 'white'
}
},
data: ["", '1月', '2月', '3月', '4月', '5月', '6月']
},
yAxis: {
type: 'value',
name: "單位:萬元",
splitArea: {
show: false
},
splitLine: {
show: false
},
axisLine: {
show: true,
lineStyle: {
color: 'white'
}
},
},
series: [
{
name: '郵件營銷',
type: 'line',
data: [0,1000, 1400, 2200, 1500, 2400, 2200]
},
{
name: '聯盟廣告',
type: 'line',
data: [0,700, 1200, 800, 1700, 800, 1900]
},
{
name: '視頻廣告',
type: 'line',
data: [0,500, 1700, 1202, 700, 1137, 1290]
}
]
};
echarts 折線圖
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.