[新]图表缩放等级接口

编辑
  • 文档创建者:jiangsr
  • 浏览次数:1192次
  • 编辑次数:5次
  • 最近更新:Kevin-s 于 2019-06-04
  • 1. 版本

      报表服务器版本 JAR 包版本
      10.02018.12.27  

    2. 描述

    10.0 开发图表缩放等级接口,可通过特效-超级链接来联动另一个地图块显示对应地区的数据,通过 可设置地图的中心点和对应的缩放等级。

    chart.setMapZoom({zoomLevel: 5, viewCenter: [110, 40]});

    3. 接口

    说明:

    zoomLevel:缩放等级,值区间一般在 0-18。数值越大,层级越高,地图显示越细致,显示的经纬度范围越小。

    viewCenter:中心点,[经度,维度]。

    注:缩放等级的设置与各个图层支持的缩放等级一致。比如图层为高德地图时,缩放区间为[3,18];图层为无时,缩放区间为[0,18]。


    4. 示例

    4.1 示例一:普通报表

    1)数据集

    新建普通报表,添加数据集 ds1:SELECT * FROM 地图 where 省份="江苏省",如下图所示:

    2)模板设置

    合并单元格,分为上下两块区域,插入图表-地图,如下图所示:

    类型:区域地图

    边界:地理信息>world>中国

    其余:默认数据

    3)数据设置

    设置数据,如下图所示:

    以上两块地图图表设置相同。

    4)特效

    选择上面一块地图图表,在特效>交互属性中添加超级链接>JavaScript,如下图所示:

    超级链接到第二块“地图”图表块,设置缩放等级分别为 4、5、6,中心点设置为数据集中的“江苏省”,如下图所示:

    var chart=FR.Chart.WebUtils.getChart("A20").getChartWithIndex(0);
    chart.setMapZoom({zoomLevel:4, viewCenter: [118,32]});

    5)预览效果

    保存模板,实现效果如下图:


    4.2 示例二:决策报表

    1)数据集

    新建决策报表,添加数据集 ds1:SELECT * FROM 地图,如下图所示:

    2)模板设置

    拖动两块钻取地图到空白处,分为左右两块区域,如下图所示:

    3)数据设置

    设置数据为各层级分别指定,如下图所示:

    以上两个图表块设置相同。

    4)特效

    选择左侧图表块,在特效>交互属性中添加超级链接>JavaScript,如下图所示:

    设置超级链接到第二块“地图”图表块,设置缩放等级为 7,中心点分别设置为“江苏省”、“浙江省”、“重庆市”。

    //江苏省

    var chart=FR.Chart.WebUtils.getChart("chart1").getChartWithIndex(0);
    chart.setMapZoom({zoomLevel:7, viewCenter: [120, 33]});
    //浙江省
    var chart=FR.Chart.WebUtils.getChart("chart1").getChartWithIndex(0);
    chart.setMapZoom({zoomLevel:7, viewCenter: [120.10,29]});
    //重庆市
    var chart=FR.Chart.WebUtils.getChart("chart1").getChartWithIndex(0);
    chart.setMapZoom({zoomLevel:7, viewCenter: [108,30.35]});

    5)预览效果

    保存模板,实现效果如下图:

    5. 已完成模板

    1)示例一:

    已完成模板可参考%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\NewMap\缩放等级_区域地图.cpt点击下载模板

    2)示例二:

    已完成模板可参考%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\NewMap\缩放等级_钻取地图.frm右击存储模板


    附件列表


    主题: 图表应用
    标签: 暂无标签 编辑/添加标签
    如果您认为本文档还有待完善,请编辑

    文档内容仅供参考,如果你需要获取更多帮助,付费/准付费客户请咨询帆软技术支持
    关于技术问题,您还可以前往帆软社区,点击顶部搜索框旁边的提问按钮
    若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

    此页面有帮助吗?只是浏览 [ 去社区提问 ]