echarts成為我生活中不可或缺的一部分。直到它坑了我😒
項目上要畫多條線,用lines
寫完了發現出不來東西,可這文檔翻遍都沒發現有啥錯誤
最后發現要在xAxis
和yAxis
設置一個范圍把內容框起來才行,如果不加這個屬性,只能起點是[0,0]
來畫多條線。
關鍵代碼
xAxis: {
min: 0,
max: 100,
show: false,
type: 'value'
},
yAxis: {
min: 0,
max: 100,
show: false,
type: 'value'
},
完整代碼
option = {
xAxis: {
min: 0,
max: 100,
show: false,
type: 'value'
},
yAxis: {
min: 0,
max: 100,
show: false,
type: 'value'
},
series: [
{
name: 'A',
type: 'lines',
coordinateSystem: 'cartesian2d',
z: 1,
polyline: true ,
effect: {
show: true,
period: 4,
smooth: true,
trailLength: 0.2,
// symbol: 'arrow',
symbol: 'circle',
color: 'rgba(55,155,255,0.5)',
symbolSize: 20
},
data: [{
coords: [
[0, 0], // 起點
[50, 300], // 終點
]
},
{
coords: [
[50, 0], // 起點
[0, 100], // 終點
]
}
]
}
]
}