ECharts進(jìn)行區(qū)域選擇

action.brush   |  *

區(qū)域選擇相關(guān)的行為。

action.brush.brush   |  *

觸發(fā)此 action 可向 echarts 中添加一個或多個選框，例如：

myChart.dispatchAction({
    type: 'brush',
    areas: [ // areas 表示選框的集合，可以指定多個選框。
        { // 選框一：
            geoIndex: 0, // 指定此選框?qū)儆?index 為 0 的 geo 坐標(biāo)系。
                         // 也可以通過 xAxisIndex 或 yAxisIndex 來指定此選框?qū)儆谥苯亲鴺?biāo)系。
                         // 如果沒有指定，則此選框?qū)儆凇喝诌x框』。不屬于任何坐標(biāo)系。
                         // 屬于『坐標(biāo)系選框』，可以隨坐標(biāo)系一起縮放平移。屬于全局的選框不行。
            brushType: 'polygon', // 指定選框的類型。還可以為 'rect', 'lineX', 'lineY'
            range: [ // 如果是『全局選框』，則使用 range 來描述選框的范圍。
                ...
            ],
            coordRange: [ // 如果是『坐標(biāo)系選框』，則使用 coordRange 來指定選框的范圍。
                [119.72,34.85],[119.68,34.85],[119.5,34.84],[119.19,34.77]
                // 這個例子中，因?yàn)橹付?geoIndex，所以 coordRange 里單位是經(jīng)緯度。
            ]
        },
        ... // 選框二、三、四、...
    ]
});

其中，areas 中的 range 和 coordRange 的格式，根據(jù) brushType 不同而不同：

• brushType 為 'rect' range 和 coordRange 的格式為：[[minX, maxX], [minY, maxY]]
• brushType 為 'lineX' 或 'lineY' range 和 coordRange 的格式為：[min, maxX]
• brushType 為 'polygon' range 和 coordRange 的格式為：[[point1X, point1X], [point2X, point2X], ...]

range 和 coordRange 的區(qū)別是：

• 當(dāng)此選框?yàn)椤喝诌x框』時，使用 range。
• 當(dāng)此選框?yàn)椤鹤鴺?biāo)系選框』時（即指定了 geoIndex 或 xAxisIndex 或 yAxisIndex 時），使用 coordRange。
• range 的單位為 像素，coordRange 的單位為 坐標(biāo)系單位，比如 geo 中，coordRange 單位為經(jīng)緯度，直角坐標(biāo)系中，coordRange 單位為對應(yīng)軸的數(shù)據(jù)的單位。