更新時間:2022-07-13 10:03:32 來源:動力節(jié)點 瀏覽4784次
在用echarts做折現(xiàn)圖時遇到的問題效果圖 是這樣的。
option = {
xAxis: [{
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
onZero: false,
show: true
}, ],
yAxis: [{
type: 'value',
}, {
}],
series: [{
data: [3, 10, -9, 3, -3, 19, 15],
type: 'line'
}]
};
而做出來的是這樣的
想讓x軸的標簽(Mon ,Tue。。。)緊貼著x軸(0刻度線上) 。給x軸加個axisLabel{margin:-180}(只要為負數(shù)就行,負數(shù)可根據(jù)需要調整,也可以動態(tài)計算)
option = {
xAxis: [{
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
onZero: false,
show: true,
axisLabel: { //坐標軸刻度標簽的相關設置
margin: -180, //刻度標簽與軸線之間的距離
},
}, ],
yAxis: [{
type: 'value',
}, {
}],
series: [{
data: [3, 10, -9, 3, -3, 19, 15],
type: 'line'
}]
};