這里寫自定義目錄標題

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

效果圖:

點擊上去的效果:

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

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

主要是修改charts.js 里內容，進文件夾直接搜 grid3D

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

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。