百度ECharts4.0問題解答彙總

有技術問題怎麼辦?

1)建議您在提問前,大致閱讀一下配置項手冊左側導航,瞭解 ECharts 有哪些配置項,並且在相關的組件下查找是否有實現您需要功能的配置項;

2)查看本頁常見問題;

3)建議在 ECharts Gallery 上添加圖表,復現你的問題,如果無法使用代碼描述需求,可以嘗試提供設計稿或畫個草圖;

4)推薦在 stackoverflow.com、開源中國 或 segmentfault.com 等問答平臺上提問,附上圖表鏈接。

ECharts 可以免費商用嗎?

可以,ECharts 基於 [BSD 協議](https://github.com/ecomfe/echarts/blob/master/LICENSE)開源。

座標軸

座標軸標籤顯示空間不夠怎麼辦?

可以用 interval 控制每隔多少顯示標籤,設為 0 則顯示所有標籤。

或者,可以設置 axisLabel.rotate,將標籤旋轉一定角度。

把座標軸設置在右側好像沒有效果?

需要將 onZero 設為 false 才行。

如何強制顯示座標軸第一個/最後一個標籤?

ECharts 3.5.2 版本起,支持 axisLabel.showMinLabel 以及 axisLabel.showMaxLabel,分別用來控制第一個和最後一個標籤是否強制顯示,設為 true 則強制顯示。

如果不方便更新版本,可以參考這個例子實現同樣的效果。

圖例 legend

圖例區域太大導致遮擋住圖表怎麼辦?

可以設置 grid 控制圖表區域位置。如,將 grid.top 設置得大一些,可以將繪圖區域下移。

在未來的版本中,我們計劃會將佈局做得更智能,自動處理這些遮擋問題。

提示框 tooltip

如何實現上下兩個圖表的提示框聯動?

ECharts 3.5 版本開始支持這一功能,效果參見這個例子。

折線圖

座標軸刻度好像和數據不匹配?

請檢查一下是否設置了 stack,如果不是想做堆積折線圖的話,應該將其去掉。

柱狀圖

數據值很小的時候,y 軸刻度會消失?

ECharts 3.5.2 版本修復了該問題。

地圖

省份名稱重疊,如何修改名稱的位置?

可以修改地圖文件(JS 或 JSON)中對應省份的 cp 座標,或者通過 echarts.getMap('china') 修改已加載的地圖數據。

更詳細的做法請參考:GitHub

其他國家的地圖在哪裡下載?

可以在這裡下載到其他國家的地圖信息。

如何獲取地圖的縮放事件?

首先,需要將系列的 roam 設置為 true,然後可以監聽 'georoam' 事件。例:

myChart.on('georoam', function (params) {
console.log(params);
});

參見這個完整的例子。

如何製作自定義地圖?

ECharts 地圖在地圖座標的基礎上進行過額外的編碼。可以使用 mapshaper-plus 工具,上傳自定義的 geojson 文件,生成 ECharts 可以使用的地圖文件。

如何結合百度地圖使用 ECharts?

  1. 引入 echarts.js、bmap.js 以及 http://api.map.baidu.com/api?v=2.0&ak=這裡填在百度開發平臺註冊得到的 access key;
  2. 在 option 中設置 bmap,參考這個例子;
  3. 如需獲得百度地圖實例,可以通過 chart.getModel().getComponent('bmap').getBMap(),然後根據百度地圖 API 做進一步設置。

Gallery 上有更多百度地圖的例子,可作為參考。

儀表盤

怎麼設置儀表盤顏色?

可以使用 axisLine.lineStyle.color 設置。

事件處理

如何獲取圖表點擊等事件?

參考官網教程。ECharts 支持的事件類型請參考相關 API。

其他

圖表為什麼不顯示?

你可以檢查以下情況:

  • echarts.js 是否正常被加載;
  • echarts 變量是否存在;
  • 調用 echarts.init 的時候,DOM 容器是否有寬高。

ECharts 2 升級到 3 需要做哪些操作?

請參考:https://github.com/ecomfe/echarts/issues/3322

ECharts 有哪些學習資料?

官網是最好的學習平臺。此外,在 Gallery 上學習別人的作品也是一個不錯的選擇。

ECharts 相關項目及資源請參見 awesome-echarts。


分享到:


相關文章: