之前項目中都是使用FusionChart和HighChart，基本都是沒有購買商業許可。然后現在開發的系統需要交付給客戶使用。所以現在圖表控件不能直接使用FusionChart和HighChart，通過對比EChart和D3.js，EChart由百度開發，相關的中文文檔和問題應該會更好。而且D3.js代碼配置和選項相對於EChart也要復雜，所以團隊最后決定在圖表類庫采用EChart。
1.漏斗圖，左右斜邊不是一條直線
產生原因：
http://echarts.baidu.com/doc/example/funnel1.html 頁面給出漏斗圖的展現如下所示：
首先漏斗圖對數據本身有一定的需求。因為是一個漏斗展現形式，所以最上一層的數據應該比下面一層的數據，然后每層數據都有一個遞減的趨勢。要不然算不上漏斗圖。百度給出EChart的漏斗，看起來確實一個漏斗圖，但是它對數據要求的非常嚴格。基本在商業應用中基本用不了。我在這個頁面修改一下數據，修改配置參數配置如下：
{value: 100, name: '展現'},
{value: 90, name: '點擊'},
{value: 60, name: '訪問'},
{value: 50, name: '咨詢'},
{value: 20, name: '訂單'}
現在數據不是非常的規整，但是數據還是遵循了從最上一級往下減少的規律。但是呈現出來的漏斗圖，現在估計都不敢叫漏斗圖，完全變形了。所以這個漏斗圖實際在開發過程中是無法使用，用戶應該也接受不了這種漏斗圖。
效果如下：
其他類庫:FusionChart，參考網址：http://www.fusioncharts.com/charts/funnel-chart 效果如下所示：
不管開發者如何修改數據，FusionChart始終保持左右兩邊斜線是一條直線，它主要是通過改變層的高度來實現的。
解決辦法:然后我在github上向百度EChart提出了這個issue，但是好像目前他們也沒有修復的打算。所以目前還沒有很好的版本，而且在新版本中這個問題會不會解決還不知道。百度kener給出的答復:https://github.com/ecomfe/echarts/issues/807
2.地圖2.1.10中地圖hover時，值域選擇最大值出現數字重疊。
效果如下：
百度EChart給出了解決方法：https://github.com/ecomfe/echarts/issues/1188
項目之前使用的是2.0.0版本，如果只有一條記錄，因為我們為了地圖的顏色看起來更好看，對值域選擇設置了最小值和最大值。考慮到浮點數，最大值值數據里面最大值向上取整，使用Math.ceil()；最小值是數據里面最小值向下取整。Math.Floor()方法。但是在2.0.0版本中，EChart有個bug，這個點不會在地圖上顯示出來。在2.1.10中解決了這個問題。也提醒使用EChart的開發者，需要經常關注EChart官網對EChart的更新。我們當時使用的是2.0.0的版本，現在已經更新到2.1.10版本了。
同時大家可以關注修改記錄。http://echarts.baidu.com/doc/changelog.html
參考網址：
2.D3.js http://d3js.org/
ps:本篇博客由有道雲筆記編輯，然后復制到博客園發布。