echarts去除座標軸上的x和y軸
阿新 • • 發佈：2021-08-22
通過 show:false控制手否顯示
作者：明月人倚樓<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script> </head> <body> <div style="width: 600px;height: 400px;background:#ccc"></div> <script> var mCharts = echarts.init(document.querySelector('div')) var option = { tooltip: { trigger: 'axis', axisPointer: { // 座標軸指示器，座標軸觸發有效 type: 'shadow' // 預設為直線，可選為：'line' | 'shadow' } }, grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true }, xAxis: [{ type: 'category', data: ['1','2','3','2'], axisTick: { alignWithLabel: true }, show:false,//是否顯示座標軸中的x軸 }], yAxis: [{ type: 'value', show:false,// 是否顯示座標軸中的y軸 }], series: [{ name: '直接訪問', type: 'bar', barWidth: '60%', data: [1,4,5,6,7] }] }; mCharts.setOption(option) </script> </body> </html>
出處：https://www.cnblogs.com/IwishIcould/
想問問題，打賞了卑微的博主，求求你備註一下的扣扣或者微信；這樣我好聯絡你；(っ•̀ω•́)っ✎⁾⁾！
如果覺得這篇文章對你有小小的幫助的話，記得在右下角點個“推薦”哦，或者關注博主，在此感謝！
萬水千山總是情，打賞5毛買辣條行不行，所以如果你心情還比較高興，也是可以掃碼打賞博主(っ•̀ω•́)っ✎⁾⁾！
想問問題，打賞了卑微的博主，求求你備註一下的扣扣或者微信；這樣我好聯絡你；(っ•̀ω•́)っ✎⁾⁾！
如果文中有什麼錯誤，歡迎指出。以免更多的人被誤導。