1. 程式人生 > >.net圖表之ECharts隨筆03-熱力地圖

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

基於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中所說的所有小引數。但此處還多了一些引數:

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

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

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

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