新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
創(chuàng)新互聯(lián)ECharts教程:ECharts進行區(qū)域選擇
action.brush | *

創(chuàng)新互聯(lián)2013年開創(chuàng)至今,是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司,擁有項目成都網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè)網(wǎng)站策劃,項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命,1280元金昌做網(wǎng)站,已為上家服務(wù),為金昌各地企業(yè)和個人服務(wù),聯(lián)系電話:18980820575
區(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]
// 這個例子中,因為指定了 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)此選框為『全局選框』時,使用 range。
- 當(dāng)此選框為『坐標(biāo)系選框』時(即指定了 geoIndex 或 xAxisIndex 或 yAxisIndex 時),使用 coordRange。
- range 的單位為 像素,coordRange 的單位為 坐標(biāo)系單位,比如 geo 中,coordRange 單位為經(jīng)緯度,直角坐標(biāo)系中,coordRange 單位為對應(yīng)軸的數(shù)據(jù)的單位。
網(wǎng)站標(biāo)題:創(chuàng)新互聯(lián)ECharts教程:ECharts進行區(qū)域選擇
網(wǎng)頁網(wǎng)址:http://www.fisionsoft.com.cn/article/cdoocjh.html


咨詢
建站咨詢
