创新互联ECharts教程：ECharts进行区域选择

action.brush   |  *

创新互联2013年开创至今，是专业互联网技术服务公司，拥有项目成都网站设计、成都网站建设网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元金昌做网站,已为上家服务,为金昌各地企业和个人服务,联系电话:18980820575

区域选择相关的行为。

action.brush.brush   |  *

触发此 action 可向 echarts 中添加一个或多个选框，例如：

myChart.dispatchAction({
    type: 'brush',
    areas: [ // areas 表示选框的集合，可以指定多个选框。
        { // 选框一：
            geoIndex: 0, // 指定此选框属于 index 为 0 的 geo 坐标系。
                         // 也可以通过 xAxisIndex 或 yAxisIndex 来指定此选框属于直角坐标系。
                         // 如果没有指定，则此选框属于『全局选框』。不属于任何坐标系。
                         // 属于『坐标系选框』，可以随坐标系一起缩放平移。属于全局的选框不行。
            brushType: 'polygon', // 指定选框的类型。还可以为 'rect', 'lineX', 'lineY'
            range: [ // 如果是『全局选框』，则使用 range 来描述选框的范围。
                ...
            ],
            coordRange: [ // 如果是『坐标系选框』，则使用 coordRange 来指定选框的范围。
                [119.72,34.85],[119.68,34.85],[119.5,34.84],[119.19,34.77]
                // 这个例子中，因为指定了 geoIndex，所以 coordRange 里单位是经纬度。
            ]
        },
        ... // 选框二、三、四、...
    ]
});

其中，areas 中的 range 和 coordRange 的格式，根据 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 的区别是：

• 当此选框为『全局选框』时，使用 range。
• 当此选框为『坐标系选框』时（即指定了 geoIndex 或 xAxisIndex 或 yAxisIndex 时），使用 coordRange。
• range 的单位为 像素，coordRange 的单位为 坐标系单位，比如 geo 中，coordRange 单位为经纬度，直角坐标系中，coordRange 单位为对应轴的数据的单位。

文章名称：创新互联ECharts教程：ECharts进行区域选择
网站路径：http://www.shufengxianlan.com/qtweb/news14/150764.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联