.net圖表之ECharts隨筆03-熱力地圖

来源:https://www.cnblogs.com/Rombo713/archive/2018/11/27/10025064.html
-Advertisement-
Play Games

基於01和02 要得到如圖所示的熱力地圖(我從NuGet上下載的包沒有heatmap.js文件,沒法直接搞熱力圖,只好暫時先搞著地圖。後面儘量搞一下),一般要設置四個參數——title、tooltip、toolbox、series title其實是所有圖表共用的。tooltip也是如此,之前寫過此處 ...


基於01和02

要得到如圖所示的熱力地圖(我從NuGet上下載的包沒有heatmap.js文件,沒法直接搞熱力圖,只好暫時先搞著地圖。後面儘量搞一下),一般要設置四個參數——title、tooltip、toolbox、series

title其實是所有圖表共用的。tooltip也是如此,之前寫過此處就不再贅述。如要更多小參數,請可前往ECharts查看

toolbox就是圖中標明的那個。

toolbox: {
  show: true,//菜單欄是否顯示
  orient: 'vertical',//橫豎向顯示,預設橫
  feature: {//菜單欄的操作選項,圖中的小圖標
    mark: { show: true },
    dataView: { show: true, readOnly: false },
    restore: { show: true },
    saveAsImage: { show: true }
  }
}

series也能使用02中所說的所有小參數。這裡的type設置為map

另外,此處還多了一些參數:

  mapType用來設置地圖版塊。預設是china表示中國地圖,此時data的name可以是廣東北京等來對應地圖上的城市。當然,還可以只顯示某個省的地圖,如江蘇省的地圖,只需要設置mapType為江蘇即可。

  註意:1. mapType的大小寫很嚴格。與此不同都無效

     2. 省級的地方(北京也是省級的)填寫時不加省字,如江蘇省填江蘇即可。而市級的必須加上市字,如南京市

  hoverable參數可以指示滑鼠靠近時是否變色突出選擇


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 見圖說話,修改參數option實現上圖顯示: 1. 共用參數title還有一個屬性subtext,可以用來設置副標題 2. tooltip與toolbox也是共用屬性 3. dataZoom是設置滾動條的,此滾動條是用來確定橫欄從哪裡開始哪裡結尾,如圖滾動條前頭有段空白,所以橫欄從類目3開始,後頭無 ...
  • Asp.net Core 和類庫讀取配置文件信息 看乾貨請移步至 " .net core 讀取配置文件公共類 " 首先開一個腦洞,Asp.net core 被使用這麼長時間了,但是關於配置文件(json)的讀取,微軟官方似乎並沒有給出像.net framework讀取web.config那樣簡單且完 ...
  • 今天寫一個wpf的demo,用到綁定數據,給控制項綁定了數據源,但是數據卻沒有顯示出來,排查代碼發現綁定數據源的的成員用的是欄位不是屬性。 前端代碼: 後臺代碼: 如果把Employe的name,去掉{get;set;},改為一個欄位, public string name;數據就無法綁定了。原因是屬 ...
  • C#的Dictionary類型的值,知道key後,value可以修改嗎?答案是肯定能修改的。我在遍歷的過程中可以修改Value嗎?答案是也是肯定能修改的,但是不能用For each迴圈。否則會報以下的Exception. 之所以會報Exception是For each本身的問題,和Dictionar ...
  • 1.非同步同步的定義 同步方法:多個任務一個一個執行,同一時刻系統中只有一個任務在執行 非同步方法:發起一個調用,並不等著計算結束,而是直接去運行下一行;剛纔的計算,會啟動一個新的線程去執行 2.非同步同步的比較 2.1. 同步方法卡界面,因為UI線程忙於計算;非同步多線程方法不卡界面,主線程閑置,計算任務 ...
  • ASP.NET -- WebForm: HttpResponse 類的方法和屬性 ...
  • Extreme Drift賽車游戲C#源碼詳解(1) 接著上次的源碼分析: MainMenu場景的UGUI部分: Canvas中的EnoughMoney: 作用:當買車後金幣不足彈出的頁面 內部一個Text和一個Button,讓我有點疑惑的是,Button綁定的點擊事件是BuyVehicle函數: ...
  • using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Data.Objects.DataClasses; using ZBService.Model; us ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...