這里寫自定義目錄標(biāo)題

• • • 效果圖:
    • 點擊上去的效果:

效果圖:

點擊上去的效果:

代碼可以借鑒：CSDN – echarts3d餅圖，環(huán)形圖
我這邊就展示一下我修改的內(nèi)容。

// 監(jiān)聽 mouseover，近似實現(xiàn)高亮（放大）效果 myChart.on('mouseover', (params) => {....this[optionName].series[params.seriesIndex].pieData.value + 30 //這個方法只改了這個數(shù)字 }

主要是修改charts.js 里內(nèi)容，進(jìn)文件夾直接搜 grid3D

grid3D: {show: false,left:-80,//設(shè)置 組件的視圖離容器左側(cè)的距離boxHeight: boxHeight, // 圓環(huán)的高度projection:'perspective',//投影方式，默認(rèn)為透視投影'perspective'viewControl: {// 3d效果可以放大、旋轉(zhuǎn)等，請自己去查看官方配置alpha, // 角度distance:160, // 調(diào)整視角到主體的距離，類似調(diào)整zoomrotateSensitivity: 0, // 設(shè)置為0無法旋轉(zhuǎn)zoomSensitivity: 0, // 設(shè)置為0無法縮放panSensitivity: 0, // 設(shè)置為0無法平移autoRotate: false // 自動旋轉(zhuǎn)}},

參考文章： 添加鏈接描述(我就是在這個基礎(chǔ)上優(yōu)化的)

總結(jié)

以上是生活随笔為你收集整理的echarts3D环形图（包含点击效果）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。