ECharts 3.3.2 發布,新增自定義圖形功能

2020-12-16 開源中國

感恩節發布的第 50 個 ECharts 版本 3.3.2,新增超級強大的自定義圖形組件,致以我們對 ECharts 用戶最有誠意的感恩之情! (❁´◡`❁)✲

在新增的自定義圖形組件的幫助下,添加圖片、文字、文本框等等都變得非常簡單,而且可以做出更多酷炫的效果。再也不用為加個注釋、水印的需求熬夜了!_(:3 」∠ )_

傳送我去看她


像這個切換省市地圖的例子,添加左右箭頭圖形,簡直就可以把 ECharts 當幻燈片使啊!

傳送我去看她


此外,樹圖可以根據數值進行視覺映射了!

傳送我去 GitHub 查看源碼


但這還不是最酷炫的!

最酷的是,你可以親手用 ECharts 提供的這些功能,迅速將你的靈感和創意變為現實!

趕緊來 Gallery 體驗一下吧~ http://gallery.echartsjs.com/explore.html

完整版 Changelog

[+] 開放圖形元素設置:graphic。

參見:

[+] 增加了 visualMin 和 visualMax,增強了 treemap 的顏色映射能力。參見 #2509。

[+] 增加了 tooltip.confine,可以把 tooltip 限制在 chart 主容器範圍中。這對於小屏、以及外層 dom 有設 overflow:hidden 的場景比較有用。

[^] 改善了 geo / map 在觸屏上的選擇和 roam 體驗。

[^] 修復 containPixel 在 geo / graph 中的判斷錯誤。參見 #4405。

[^] 增強了 visualMap 對 line 圖的映射。

[^] 修正了 visualMap 對於 symbol 的映射問題。

[^] 使 dataZoom 的 label 在非 realtime 情況下實時更新。參見 #4434。

[^] 修復 dataZoom 縮放時高亮不正確問題。參見 #4475。

[^] 修復了移動端禁止了瀏覽器默認滑動的錯誤。參見 #4393。

[^] 修復 MS Edge 瀏覽器中不能保存為圖片的問題。參見 #2451 和 #3586。

[^] 修復 tooltip 中對 'time' 類型的軸的格式化問題。參見 #4398。

[^] 修復第一個系列為空數據的時候多系列 tooltip 可能不顯示的 bug。

[^] 修復 grid.containLabel 對大 fontSize 無效的問題。參見 #3805。

[^] 修復 echarts.extendSeriesModel 錯誤。參見 #4397。

[^] 修復 pie 中 clockwise 設置為 false  並且使用了 minAngle 時的渲染錯誤。參見 #4414。

[^] 修復使用 gradient color 時 tooltip 中圓點顏色錯誤,參見 #3994。

具體見 http://echarts.baidu.com/changelog.html

相關焦點

  • 可視化圖形語法 G2 3.2 迭變
    3.2 三大特性一、讓圖表會講故事二、信息獲取效率更高三、圖表一鍵換膚一、讓圖表會講故事數據標註本次發布新增數據標註功能提供基於數據空間的色彩組合方式,區域著色文檔連結 ,它允許以數據空間區域為標準進行色彩渲染,這意味著通過區域著色,一個圖形可以渲染為不同的分段顏色,同一數據空間內的不同的圖形也可以渲染為同一種顏色,豐富了 G2 的圖表色彩語義和認知空間。
  • ECharts-Java 類庫 2.2.6 版本發布 - OSCHINA - 中文開源技術交流...
    ECharts - Java類庫當前版本2.2.6 本項目是一個供
  • ECharts GL 1.0 alpha 發布
    儘管這兩年時間 ECharts X 沒什麼動靜,但是其它的工作,像 ECharts 3 的架構大改動和後續版本的迭代升級,以及其它 WebGL 產品的開發,都是對新版本架構和技術上的積累。現在我們終於可以說我們準備得差不多了,ECharts-X 的下一代,ECharts-GL 發布 1.0 alpha。
  • ECharts v3.7 發布:增加富文本標籤、可滾動圖例
    在 ECharts 新發布的 3.7 版本 中,廣泛地增加了標籤的表現力。
  • 騰訊QQ影音2.7版發布:新增轉碼等功能
    【IT168導購】QQ影音發布2.7版本,新增自定義播放列表管理功能;無損截取、無損合併、轉碼等方面新增加了可支持的格式,並且支持按樣片轉碼及複製到外接設備等使用功能!
  • ECharts 4.0.3 發布,可以在微信小程序中使用了
    ECharts 4.0.3 已發布,更新如下:[+] ECharts 可以在微信小程序中使用了。我們接到了很多微信小程序開發者的反饋,表示他們強烈需要像 ECharts 這樣的可視化工具。這錢的邏輯導致了當數據項長度不一時,自定義系列的 renderItem 可能不能進入,以及 dataset 被使用時可能不能渲染的問題。參見 #7733。[^] 修復了 textStyle 向後兼容的邏輯。
  • 易水組件 5.2.1 發布,自定義配置提示信息
    易水公共組件是基於 springboot 的高度封裝的通用型組件,在對 spring security 和 spring security oauth2 高度可定製化的功能封裝外,還支持第三方登錄和
  • ECharts 3.1.1 發布,JavaScript 圖表庫
    Echarts 3.1.1 發布,該版本主要是為了滿足 npm 使用的要求。沒有其他額外的改進。
  • Echarts在Taro微信小程序開發中的踩坑記錄
    本文轉載自【微信公眾號:前端人,ID:FrontendPeople】經微信公眾號授權轉載,如需轉載與原文作者聯繫背景近期筆者在使用Taro進行微信小程序開發,當引入Echarts圖表庫時,微信檢測單包超限2M的一系列優化措施的踩坑記錄,期望能指導讀者少走一些彎路。
  • Chrome標籤組功能新增數字標記 未來或允許用戶自定義
    自今年2月在Canary渠道版本中引入標籤組功能以來,谷歌就沒有停止過對這項功能的優化。援引外媒Techdows報導,為了解決標籤頁過多遭到的混亂問題,谷歌現在為每個標籤組按照「Group 1/2/3」這樣的數字排列設置標籤,未來極有可能允許用戶自定義標籤組。
  • 如何在vue框架項目中使用echarts並製作柱狀圖
    cnpm install --global vue-cli2、接著使用命令:vue init webpack wanm,創建一個基於webpack模板的新項目vue init webpack wanm3、切換工作目錄cd wanm/,然後運行項目:npm run dev
  • ECharts 4.8.0 發布
    Apache ECharts (incubating) 於 2020.05.25 正式發布 4.8.0 版本。
  • 令人驚嘆的數據可視化-Echarts
    echarts介紹常見的數據可視化庫:ECharts,一個使用 JavaScript 實現的開源可視化庫,可以流暢的運行在 PC 和行動裝置上,兼容當前絕大部分瀏覽器(IE8/9/10/11,Chrome,Firefox,Safari等),底層依賴矢量圖形庫 ZRender,提供直觀,交互豐富,可高度個性化定製的數據可視化圖表
  • 探索 Android 自定義控制項:基礎圖形
    1.1.3 設置畫筆寬度Paint 的 setStrokeWidth(width) 方法用於設置描邊寬度,單位是 px。1.1.4 設置畫筆鋸齒畫筆 Paint 繪製圖形時默認不是抗鋸齒的,也就是邊邊會有鋸齒。Paint 提供了 setAntiAlias() 方法,這個方法可以開啟畫筆的抗鋸齒功能。
  • ECharts數據可視化:從0到1的蛻變(內部技術分享總結)
    -- 2.準備一個呈現圖表的盒子,必須設置寬高 --> <div id="main" style="width:600px;height:450px;"></div> <script>  // 3.獲取DOM元素,初始化echarts實例  var myChart = echarts.init(document.getElementById
  • Jetbrick-template 1.2.0 發布,新增預編譯功能
    Jetbrick-template-1.2.0 發布,新增預編譯功能。
  • 小米相機大躍進,文件顯示將新增超像素拍攝、自定義水印等
    摘要:紅米新機將用上4800萬像素的攝像頭,與之相對應的MIUI相機也將進行更新,新增了不少的特性。帶著這個問題,XDA開發者解析了來自小米Max3最新MIUI開發版的相機APK文件,發現了小米手機的相機將新增不少的特性:1. 超清模式:小米內部將這款用上4800萬像素攝像頭的紅米手機適配了超像素攝影的功能,用戶可選擇手動開啟與關閉。2.
  • 國產桌面UOS新版發布,新增三大功能
    國產桌面UOS新版發布,新增三大功能 上方文Q 發表於 2020-12-18 10:09:27 近日,統信軟體官方發布了最新版的桌面作業系統UOS專業版V20(1030
  • ECharts 大版本 4.0 正式發布:帶來 8 項全新「黑科技」特性
    、功能、易用性等各個方面進行了全面提升。伴隨這些產品的發布,百度也發布了全新升級的數據可視化品牌 —— 「百度數據可視化實驗室」,標誌著百度在數據可視化領域將開啟一番大的動作。[+] 新增 dataset 組件,從而能夠數據與樣式分離,便於單獨管理數據,支持數據映射到視覺配置,可以多個系列共享數據,也省去數據分割處理的步驟。
  • 小米8推送MIUI 10.3.2.0更新,新增人臉解鎖應用等海量功能
    IT之家5月12日消息 今天,小米向小米8用戶推送MIUI 10.3.2.0穩定版更新,此次更新包含了不少的新功能,同時還對部分功能進行優化調整。根據更新日誌,此次調整較大的是相冊和小米錢包功能,其中相冊新增了故事相冊開關、照片文字水印編輯、AI智能故事相冊功能。而小米錢包則支持京津冀互聯互通卡自定義金額充值、米家智能門鎖門卡、銀聯碰一碰功能。同時還對小米公交卡和Mi Pay進行了優化調整。