tag echarts

標籤
貢獻15
58
05:54 PM · Oct 25 ,2025
xiaohe0601 頭像 yunduanderizi_5c7f6d367b5d0 頭像 shijingjing_5ab4aa131e343 頭像 hhepan 頭像 u_16213597 頭像 jane_shen 頭像 u_16231213 頭像 timor_5d5e2be9e8378 頭像 nbidashuju 頭像 fsjohnhuang 頭像 alixitongruanjianjishu 頭像 yunxiao0816 頭像

@echarts / 博客 RSS 訂閱

yunduanderizi_5c7f6d367b5d0 頭像

雲端的日子 - 前端工程師工作週報

0大前提：A系統是vue2+elementui 主要功能： 實現elementui貼近antdesign周選擇器和級聯選器的功能， 造輪子， 各種組件拼接， 使用源碼的api或者樣式早哦輪子 1.領導讓寫一個周選擇器，類似antd4.x版本的， 如下： ps：為什麼強調antd的版本， 因為antd4.x在我的A系統中不可用 因此用cursor重寫了一個輪子， 從div寫起， 邊問ai邊改

vue.js , ant-design-vue , echarts , element-ui

收藏 評論

xiaohe0601 頭像

xiaohe0601 - 🥳 Uni ECharts 2.1 發佈：正式支持鴻蒙，零成本遷移、全平台兼容、跨端開發零負擔！

Uni ECharts 是適用於 uni-app 的 Apache ECharts 組件，無需繁瑣的步驟即可輕鬆在 uni-app 平台上使用 echarts。 官網 文檔：https://uni-echarts.xiaohe.ink Github：https://github.com/xiaohe0601/uni-echarts 🏝️ 背景 🎵 “本來應該從從容容遊刃有餘，現在是匆匆忙忙連

vue.js , uni-app , echarts , typescript , 前端

收藏 評論

xiaohe0601 頭像

xiaohe0601 - 🚀 擁抱 create-uni，一行命令輕鬆集成 Uni ECharts！

Uni ECharts 正式集成到 create-uni 啦！現在，你只需要一行命令，就能快速創建一個內置 Uni ECharts 的 uni-app 初始項目。告別複雜配置，數據可視化從未如此輕鬆高效，讓開發者專注於創意與體驗！ 🤓 為什麼選擇 Uni ECharts ？ Uni ECharts 是適用於 uni-app 的 Apache ECharts 組件，無需繁瑣的步驟即可輕鬆在 uni

vue.js , uni-app , echarts , typescript , 前端

收藏 評論

xiaohe0601 頭像

xiaohe0601 - 🎉 Uni ECharts 2.0 正式發佈：原來在 uni-app 中使用 ECharts 可以如此簡單！

Uni ECharts 是適用於 uni-app 的 Apache ECharts 組件，無需繁瑣的步驟即可輕鬆在 uni-app 平台上使用 echarts。 官網 文檔：https://uni-echarts.xiaohe.ink Github：https://github.com/xiaohe0601/uni-echarts 🤓 為什麼選擇 Uni ECharts ？ 🚀 快速上手

vue.js , uni-app , echarts , typescript , 前端

收藏 評論

shijingjing_5ab4aa131e343 頭像

史晶晶 - 在echarts做地圖和地圖的時候的問題總結

在做中國地圖的時候，遇到幾個問題 第一個：南海諸島和海南省中的小島去掉 去掉後的效果： 首先：找到中國地圖china.json，把最後一個南海諸島的經緯度刪掉， "geometry": { "type": "MultiPolygon", "coordinates": [] } 刪掉後是這樣的，

echarts

收藏 評論

yqyx36 頭像

雲輕雨細 - ECharts+WordPress 實現評論統計，餅圖 / 折線圖 / 柱狀圖都有

本文系轉載，轉載鏈接：ECharts+WordPress 實現評論統計，餅圖 / 折線圖 / 柱狀圖都有 “數據可視化就像給枯燥的數據‘裝上話筒’，讓原本沉默的數字能清晰‘講述’故事。” 如果你想在 WordPress 博客裏展示評論數據 —— 比如誰評論最活躍、每天有多少條評論，ECharts 這個工具絕對能幫上忙。今天就手把手教你用 ECharts 實現 WordPress 評論統計圖，從認識

wordpress , 數據統計 , echarts

收藏 評論

shijingjing_5ab4aa131e343 頭像

史晶晶 - vue+echarts繪製中國地圖

先介紹一下如何獲取一下china.json文件：阿里雲-DataDv數據可視化平台 也可以自己訪問鏈接：https://datav.aliyun.com/portal/school/atlas/area_selector 聲明：我是vue3項目，根據自己的情況而定 引入： template div id="mapArea" ref="chinaChart" / /te

echarts5.0 , vue3 , echarts

收藏 評論

yunduanderizi_5c7f6d367b5d0 頭像

雲端的日子 - echart優化總結

折線ecahrt通用優化配置 1.滾動條，tooltip（標懸浮在圖例時展示的tooltip文案樣式） 2.橫座標軸的處理， 第一個座標和最後一個座標位置往裏面縮進， 不要被截斷 3.y軸的最大值最小值自適應(按需選擇）： 4.折線不帶原點注意處理只有一個橫座標的情況 熱力圖ecahrt通用優化配置 1.熱力圖的最大最小值(決定熱力圖的顏色是

echarts

收藏 評論

hashtang 頭像

HashTang - 2025年7月份實時最新獲取地圖邊界數據方法，省市區縣街道多級聯動【文末附實時geoJson數據下載】

動態生成最新行政區劃 GeoJSON 數據並結合 ECharts 實現地圖下鑽功能 在開發基於地圖的數據可視化應用時，一個常見的挑戰是獲取準確且最新的行政區劃邊界數據（GeoJSON）。許多現有的在線資源可能數據陳舊，無法反映最新的行政區劃調整。本文將介紹一種解決方案，通過調用高德開放平台的 API 動態獲取最新的行政區劃邊界，並結合 ECharts 實現可下鑽的地圖可視化。 第一部分：通

geojson , d3 , map , echarts

收藏 評論

chencaize 頭像

點墨 - React 中使用 ECharts 報錯 "series not exists"

問題現象 在 React 項目中使用 ECharts 時，控制枱報錯： series not exists. Legend data should be same with series name or data name 但已確認 legend.data 與 series.name 完全匹配，代碼邏輯看似正確。 問題根源 未正確註冊 ECharts 圖表組件。自 ECharts 5 起，官方採

react , echarts , Javascript

收藏 評論

hhepan 頭像

HHepan - angular echarts 折線圖點的個性化設置和操作 以及 this 的指向問題

背景 最近做項目時需要為折線圖（angular 中使用 echarts 畫的圖）上的點設置更加個性化的顯示和操作： 不同數值區間的點以不同顏色顯示。 點擊圖上的點後會執行自定義的操作。 查看官方文檔後發現，這其實並不困難。因為 echatrs 支持以方法的返回值作為圖表中某個屬性的值，也提供了接口以監測點擊事件，可以在其回調函數中設置點擊後的自定義操作。 echarts 官方文檔點擊這裏。

this的用法 , echarts , 前端

收藏 評論

yunxiao0816 頭像

雲效DevOps平台 - 如何使用通義靈碼提高 ECharts 使用效率

Echarts作為百度開源的前端JS圖表庫，憑藉其豐富的圖表類型和強大的自定義能力，為開發者提供了極大的便利。 然而，對於小型團隊和初學者而言，缺乏數據分析專業人員以及開發者自身數據分析技能的不足，往往導致數據雖手頭充裕，卻難以實現有效的可視化展示，更遑論選擇最適宜的工具。 隨着AI技術的普及，這一難題已找到破解之道。 如今，我們能夠藉助AI力量來規劃展示方案，而通義靈碼憑藉以下功能，成為開發者不

echarts

收藏 評論

alixitongruanjianjishu 頭像

阿里云云原生 - 如何使用通義靈碼提高ECharts使用效率

Echarts作為百度開源的前端JS圖表庫，憑藉其豐富的圖表類型和強大的自定義能力，為開發者提供了極大的便利。 然而，對於小型團隊和初學者而言，缺乏數據分析專業人員以及開發者自身數據分析技能的不足，往往導致數據雖手頭充裕，卻難以實現有效的可視化展示，更遑論選擇最適宜的工具。 隨着AI技術的普及，這一難題已找到破解之道。 如今，我們能夠藉助AI力量來規劃展示方案，而通義靈碼憑藉以下功能，成為開發者不

echarts

收藏 評論

fsjohnhuang 頭像

肥仔John - React魔法堂：size-sensor源碼略讀

前言 echarts-for-react在對echarts進行輕量級封裝的基礎上，額外提供圖表尺寸自適應容器尺寸的這小而實用的功能，而這功能的背後就是本文想介紹的size-sensor了。 源碼介紹 size-sensor源碼十分精簡，主要是對原生APIResizeObserver方案和object元素方案進行檢測和API統一化而已。 代碼首先會檢測當前運行時是否支持原生APIResizeObse

react , 源碼學習 , echarts , Javascript

收藏 評論

nbidashuju 頭像

NBI大數據 - NBI可視化平台內置多種風格多套模板，做數據可視化不費勁

NBI可視化平台版本已經更新到4.9.1啦，在NBI可視化平台4.9.1版本中內置了多種風格、多套模板可以供用户選擇使用，並且在可視化視覺上面做了增強 NBI具有豐富的數據源對接能力 易於操作的可視化編輯器 豐富的組件庫： 易於功能擴展的腳本功能： NBI大數據可視化分析平台作為新一代自助式（體驗地址：http://

數據可視化 , koa.js , 數據分析 , echarts , 可視化

收藏 評論

timor_5d5e2be9e8378 頭像

Timor - Angluar5+ionic3實踐(三)

背景: 這幾天在做復宏漢霖的報表.用到了echarts.git到了一個新功能.三張報表.靜態頁面畫了兩天.今天來整理下學到的知識點. 認識下echarts echarts官網地址 裏面有許許多多的圖例.目前我需要用到的是餅圖Pie和柱狀圖Bar. 實踐餅圖Pie 先看下實現效果: 由上圖可看出實際覆蓋率用的是餅圖.這裏用到的就是echarts的 Pie. 實現邏輯:

angularjs , ionic , echarts

收藏 評論

u_16231213 頭像

會下蛋的咯咯 - Ant Design Vue 裏的 Tabs 標籤頁中使用 ECharts 圖表時初始寬度異常

一、問題描述 1、代碼類似下圖，某個頁面使用了Tab標籤頁，每個標籤頁對應一個組件（小頁面） 圖1 2、比如説AAA組件中使用了echarts中的某個圖表，初始狀態下正常顯示，效果如下 圖2 3、現在有個新需求，我要新加一個FFF組件，然後弄個類似的圖表。於是我從AAA組件中複製一個一模一樣的圖表，結果頁面初始化時圖表寬度異常，如下

vue.js , Vue , Ant Design vue , echarts , 前端開發

收藏 評論

jane_shen 頭像

Jane_Shen - create-react-app 打包優化（antd、echarts）

我做 react 開發時通常是直接用的 create-react-app。最近想分析一下一個用 create-react-app 開發的項目的打包結果，看看有沒有什麼可以優化的地方。 項目情況 執行 npm run eject 導出配置（單向操作，不可逆）。 項目中使用的一些庫： "dependencies": { "antd": "^3.9.2", "axios": "^0

webpack3 , antd , webpack , echarts , create-react-app

收藏 評論

u_16213597 頭像

mob64ca13fba42b - 第十二講：使用Echarts實現數據的可視化-前端ajax動態數據-後端C#MVC - 劉日輝的個人空間 -

前端可視化家庭賬單：用 ECharts 實現支出統計與趨勢分析 在家庭財務管理中，直觀地看懂錢花到了哪裏、花得是否穩定，是提高消費意識與優化預算的關鍵。本文以 ECharts 為核心，構建一個可視化的家庭賬單分析：包括支出分類統計、月度趨勢分析、交互篩選與性能優化建議，幫助你在瀏覽器端快速落地一個實用的可視化面板。 適用場景

折線圖 , echarts , jquery , 前端開發 , HTML , 前端 , Javascript

收藏 評論