image.png
如上圖所示: 我們需要去掉 echarts 中 y 軸線毁欣,我們理所當(dāng)然的在 yAxis 中設(shè)置如下
axisLine: { show: false },
發(fā)現(xiàn)不起效果。懵了岳掐,起初以為下載的 echarts 版本太低凭疮,事實(shí)不是。其實(shí)是在外面又設(shè)置了 grid
串述。grid
影響到了执解,具體為啥為影響,小白我的不太懂纲酗, 哭死了~~衰腌, 去掉 grid 就好啦
image.png
yAxis: [
{
type: 'value',
name: '數(shù)量',
axisLabel: {
formatter: '{value} ',
show: true,
textStyle: {
color: '#909399',
fontSize: 12
}
},
// y軸刻度線
axisLine: { show: false },
// 是否顯示坐標(biāo)軸刻度
axisTick: {
show: false
},
splitArea: {
show: false
}
// 去掉網(wǎng)格線
// splitLine: {
// show: false
// }
},
{
type: 'value',
name: '比例',
axisLabel: {
formatter: '{value} %',
textStyle: {
color: '#909399',
fontSize: 12
}
},
// y軸刻度線
axisLine: { show: false },
// 是否顯示坐標(biāo)軸刻度
axisTick: {
show: false
},
// 去掉網(wǎng)格線
splitLine: {
show: false
},
splitArea: {
show: false
}
}
],