ECharts v3.2.0 發布,一個純 Javascript 的圖表庫

jopen 8年前發布 | 20K 次閱讀 ECharts Chart 圖表 PC 移動設備 JavaScript

ECharts是一個純 Javascript 的圖表庫,可以流暢的運行在 PC 和移動設備上,兼容當前絕大部分瀏覽器(IE8/9/10/11,Chrome,Firefox,Safari等),底層依賴輕量級的 Canvas 類庫 ZRender,提供直觀,生動,可交互,可高度個性化定制的數據可視化圖表。ECharts 3 中更是加入了更多豐富的交互功能以及更多的可視化效果,并且對移動端做了深度的優化。

更新日志

  • [+] 新加刷選 brush 組件。 見下面幾個 Brushing and Linking 的例子:

    </li>
  • [+] 新加標域 markArea 組件。 見示例 用電量分布男女身高體重分布

  • [+] 新加單軸 singleAxis 組件。 見示例 單軸散點圖

  • [^] 折線圖優化

    • [+] 新增 step 屬性顯示成階梯線圖。見示例 Step Line
    • [^] 優化與 visualMap 的結合,支持分段顯示不同顏色。見示例 北京 AQI用電量分布
    • </ul> </li>
    • [^] 線圖優化

      • [+] 新增 polyline 屬性,支持顯示多段的軌跡路線。見示例 北京公交路線圖,以及 帶有特效的北京公交路線圖

      • [+] 新增 large 和 largeThreshold 配置項支持大規模線圖的繪制。見示例 65k 條飛機航線的可視化

      • [+] effect 新增 constantSpeed 和 loop

      • [^] 數據格式變動,從原先的 data: [ [{ coord: [lng, lat] }, { coord: [lng, lat]}] ] 改為data: [ { coords: [[lng, lat], [lng, lat]] } ]。統一在一個屬性里存放坐標點是為了更好的支持 polyline 為 true 的時候配置多個坐標點。原先的方式也兼容,但是不建議繼續使用。

      • </ul> </li> </ul>
        • [^] Graph 優化

          • [+] 新加 focusNodeAdjacency 配置項用于開啟鼠標 hover 高亮節點及相鄰邊和節點的效果。
          • [+] 邊顏色 lineStyle.normal.color 支持配置為 'source' 或者 'target' 取源節點和目標節點的顏色。見示例 Les Miserables
          • [+] 改為使用默認取全局的調色盤
          • 修復 edgeSymbolSize 為數組時邊無法顯示的 bug。
          • 修復同時配置 edgeSymbol 和 force layout 時會導致布局抽搐的 bug。
          </li>
        • [^] dataZoom 優化

          • [+] 新增 handleIcon 配置項用于配置手柄形狀。handleSize 修改為相對于 dataZoom 高度的百分比大小。見示例 2015 年上證指數

          • [+] 新增 handleStyle 配置項用于配置更豐富的手柄細節樣式。取代原先的 handleColor 配置項。

          • [+] 新增 dataBackground 配置項用于配置更豐富的數據預覽樣式。取代原先的dataBackgroundColor 配置項。

          • </ul> </li>
          • [^] 平行坐標優化

            • [^] 新增 parallel.axisExpandable,改善高維數據(大量坐標軸)的展示。參見例子 [http://echarts.baidu.com/gallery/editor.html?c=map-parallel-prices]

            • [^] 新增 parallelAxis.realtime

            • </ul> </li>
            • [^] 坐標軸優化

              • [^] 坐標軸支持過渡動畫。見示例 動態數據
              • [^] 優化坐標軸軸線和刻度線的繪制效果。
              • [^] 類目軸默認不顯示分隔線 splitLine。
              • [^] 類目軸自動間隔的計算優化。修復類目軸在數據很多的時候有可能出現標簽重疊的問題。
              • [^] axisTickaxisLabel 默認取 axisLine 的顏色。
              • [^] 修復雙類目軸時數據無法使用類目值的 bug。見 #3494
              • </ul> </li>
              • [^] 桑基圖 優化

                • [+] 邊顏色 lineStyle.normal.color 支持配置為 'source' 或者 'target' 取源節點和目標節點的顏色。
                • </ul> </li>
                • [^] visualMap 組件優化

                  • [+] 新增 realtime 配置項。
                  • [^] 分段區間配置 pieces 改為通過 ltltegtgte 更細致的配置區間和區間的開閉。
                  • </ul> </li>
                  • [^] markPoint 和 markLine 優化

                    • [+] 新增 silent 配置項用于關閉交互。
                    • [^] 數據配置更加靈活,支持每個維度 (xAxis, yAxis) 配置為'min''max''average'
                    • [^] 平均值計算忽略控制。見 #3367
                    • </ul> </li>
                    • [^] 散點圖在 large 模式下也支持 tooltip 和鼠標事件觸發。

                    • [^] 工具欄組件的 dataZoom 支持通過配置 yAxisIndex: 'none' 或者 yAxisIndex: 'none' 設置單軸上的框選。

                    • [+] 圖例新增 inactiveColor 配置圖例關閉時的顏色。

                    • [+] 標題組件新增 textBaseline 用于配置標題文字的垂直對齊。

                    • [+] 新增 hoverLayerThreshold 配置項

                    • [+] 新增 progressive 和 progressiveThreshold 配置用于配置漸進式渲染。見示例 parallel-nutrients

                    • [+] 新增 blendMode 配置圖形的混合模式。

                    • [+] itemStyle 新增 borderType 配置邊框類型。

                    • [+] 調色盤取色優化,相同名稱的數據默認取相同的顏色。

                    • [+] 儀表盤新增 axisLabel.distance 配置項。

                    • [^] 顏色支持配置為漸變色和紋理。見 itemStyle.normal.color。示例 漸變紋理

                    • [^] 修復多個系列的地圖 tooltip 和 symbol 顯示不正確的 bug。見 #3436 #3320

                    • [^] 優化 effectScatter 在 setOption 更新數據時動畫不連貫的問題。見 #3439

                    • [^] 優化 tooltip,返回空字符串的話不顯示浮層。

                    • [^] 修復 splitArea 會覆蓋 splitLine 的問題。

                    • [^] 修復雷達圖不能修改線條顏色的 bug。見 #3441

                    • [^] ZRender 性能優化,重繪性能為原先的 2x ~ 3x。

                    • [^] 構建文件調整,壓縮前的開發版本加入了更細致的錯誤提示和警告,壓縮后的生產版本去掉了這些錯誤提示和警告。因此建議開發環境中使用開發版本

                    • </ul>

                      下載

                       本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
                       轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
                       本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!