如下圖所示

使用echarts5.3.0,一些可能會涉及到的引數:

visualMap

• 分段型視覺對映元件（visualMapPiecewise）

分段型視覺對映元件，有三種模式：

• • 連續型資料平均分段: 依據visualMap-piecewise.splitNumber來自動平均分割成若干塊。
  • 連續型資料自定義分段: 依據visualMap-piecewise.pieces來定義每塊範圍。
  • 離散資料根據類別分段: 類別定義在visualMap-piecewise.categories中。

自定義『分段式視覺對映元件（visualMapPiecewise）』的每一段的範圍，以及每一段的文字，以及每一段的特別的樣式。例如：

pieces: [
    {min: 1500}, // 不指定 max，表示 max 為無限大（Infinity）。
    {min: 900, max: 1500},
    {min: 310, max: 1000},
    {min: 200, max: 300},
    {min: 10, max: 200, label: '10 到 200（自定義label）'},
    {value: 123, label: '123（自定義特殊顏色）', color: 'grey'}, // 表示 value 等於 123 的情況。
    {max: 5}     // 不指定 min，表示 min 為無限大（-Infinity）。
]
 

或者，更精確得，可以使用lt（小於，less than），gt（大於，greater than），lte（小於等於 less than or equals），gte（大於等於，greater than or equals）來表達邊界：

pieces: [
    {gt: 1500},            // (1500, Infinity]
    {gt: 900, lte: 1500},  // (900, 1500]
    {gt: 310, lte: 1000},  // (310, 1000]
    {gt: 200, lte: 300},   // (200, 300]
    {gt: 10, lte: 200, label: '10 到 200（自定義label）'},       // (10, 200]
    {value: 123, label: '123（自定義特殊顏色）', color: 'grey'},  // [123, 123]
    {lt: 5}                 // (-Infinity, 5)
]
 

• 連續型視覺對映元件（visualMapContinuous）經過研究用不到

dataZoom

dataZoom元件 用於區域縮放，從而能自由關注細節的資料資訊，或者概覽資料整體，或者去除離群點的影響。

現在支援這幾種型別的dataZoom元件：

• 內建型資料區域縮放元件（dataZoomInside）：內置於座標系中，使使用者可以在座標系上通過滑鼠拖拽、滑鼠滾輪、手指滑動（觸屏上）來縮放或漫遊座標系。

• 滑動條型資料區域縮放元件（dataZoomSlider）：有單獨的滑動條，使用者在滑動條上進行縮放或漫遊。

• 框選型資料區域縮放元件（dataZoomSelect）：提供一個選框進行資料區域縮放。即toolbox.feature.dataZoom，配置項在toolbox中。

本文來自部落格園，作者：只做你的向日葵，轉載請註明原文連結：https://www.cnblogs.com/likme/p/15969690.html