option 內屬性： //------------------------------------------------------------------------------------------------------------- legend: { data: ['提現人數'], align: 'left', left: 10 },
//-------------------------------------------------------------------------------------------------------------
// X軸數據隔一個顯示 通過設置 interval
axisLabel: {
interval: 1
}
//--------------------------------------------------------------------------------------------------------------------------------
// 可以矯正Y軸數據和折線圖數據不匹配的問題 並去掉series內stack屬性
yAxis: {
type: 'value',
// 可以矯正Y軸數據和折線圖數據不匹配的問題 並去掉series內stack屬性
min: 0,
max: 18,
data: [0, 3, 6, 9, 12, 15, 18]
},
series: [
{
name:'郵件營銷',
type:'line',
stack: '總量',
data:[120, 132, 101, 134, 90, 230, 210]
}
]
//----------------------------------------------------------------------------------------------------------------------------
// 折線圖樣式改變為曲線 通過true/false 控制 smooth: false,
series: [
{
name: '提現人數',
smooth: false,
type: 'line',
data: [5, 0, 7, 2, 1, 5, 1, 2, 3, 4, 5, 0, 0, 16, 2, 5, 7, 3, 1, 5, 2, 7, 2, 5, 6, 0, 2, 5, 3, 3],
}
}
]
//-------------------------------------------------------------------------------------------------------------------------------
// 折線的寬度顏色修改
//1.
series: [
{
name: '提現人數',
smooth: false,
type: 'line',
data: [5, 0, 7, 2, 1, 5, 1, 2, 3, 4, 5, 0, 0, 16, 2, 5, 7, 3, 1, 5, 2, 7, 2, 5, 6, 0, 2, 5, 3, 3],
// 折線的寬度顏色修改
lineStyle: {
normal: {
color: '#61a2ec',
width: 2
}
}
}
]
//2. 與series同級添加color 需對應匹配
color: ['#61a2ec']