我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

如何使用DataGear制作支持全国、省、市三级数据钻取效果的地图数据可视化看板

小编给大家分享一下如何使用DataGear制作支持全国、省、市三级数据钻取效果的地图数据可视化看板,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

成都创新互联公司一直在为企业提供服务,多年的磨炼,使我们在创意设计,网络营销推广到技术研发拥有了开发经验。我们擅长倾听企业需求,挖掘用户对产品需求服务价值,为企业制作有用的创意设计体验。核心团队拥有超过十载以上行业经验,涵盖创意,策化,开发等专业领域,公司涉及领域有基础互联网服务成都二枢服务器租用托管app软件开发公司、手机移动建站、网页设计、网络整合营销。

通过DataGear的参数化数据集、图表联动和看板API功能,可以很方便地制作支持数据钻取效果的数据可视化看板。

首先,以上级地区名为参数,新建一个参数化SQL数据集:

SELECT
	COL_NAME,              --地区名
	COL_VALUE,             --地区指标数值
	COL_PARENT AS COL_MAP  --上级地区名,同时作为地图名
FROM
	T_ANALYSIS
WHERE
<#if 上级地区名??>
    COL_PARENT = '${上级地区名}'
<#else>
    COL_PARENT = '中国'

参数:

名称        类型       必填
上级地区名  字符串     否

T_ANALYSIS表数据示例:

COL_NAME         COL_VALUE         COL_PARENT
山东	         160               中国
北京             200               中国
...
朝阳区           195               北京
海淀区           200               北京
...
青岛市           10                山东
济南市           160               山东
...
历下区           50                济南市
市中区           78                济南市
历城区           150               济南市
...

然后,新建一个使用上述数据集的地图图表:

图表类型:基本地图
数据集列标记:
COL_NAME:地区名称 (name)
COL_VALUE:指标数值 (value)
COL_MAP:地图名 (map)

然后,新建可视化看板,填写如下看板模板内容:







.dg-chart{
  display: inline-block;
  width: 100%;
  height: 480px;
}


var paramHistory = [];
var chartListener =
{
    onUpdate: function(chart, results)
    {
        //存储当前上级地区名,用于支持返回操作
        var paramVal = chart.dataSetParamValue(0, 0);
        if(!paramVal)
            paramHistory = [];
        else
            paramHistory.push(paramVal);
        
        $("#title").html((paramVal ? paramVal : "全国") + " - 数据");
    }
};
$(document).ready(function()
{
    $("#backButton").click(function()
    {
        //获取上一次操作的上级地区名,设置为图表参数,然后刷新图表
        paramHistory.pop();
        var paramVal = (paramHistory.pop() || null);
        var chart = dashboard.getChart("chart1");
        chart.dataSetParamValue(0,0, paramVal);
        chart.refreshData();
    });
});



    
	DataGear 
http://www.datagear.tech
DataGear 看板示例

 

    
    返回

点击[保存并展示]按钮,打开看板展示页面,完成!!!

注:上述示例中使用了没有内置的济南市地图JSON文件(jinan.json),需要通过看板编辑页面添加看板资源功能添加至看板。

效果图如下所示:

如何使用DataGear制作支持全国、省、市三级数据钻取效果的地图数据可视化看板

看完了这篇文章,相信你对“如何使用DataGear制作支持全国、省、市三级数据钻取效果的地图数据可视化看板”有了一定的了解,如果想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


当前标题:如何使用DataGear制作支持全国、省、市三级数据钻取效果的地图数据可视化看板
网页网址:http://shouzuofang.com/article/jidcii.html

免费获取网站建设与品牌策划方案报价

*主要业务范围包括:高端网站建设, 集团网站建设(网站建设网站制作)找网站建设公司就上四川攀枝花网站建设。
提交需求

    联系我们

    028-86922220
  • 手机:13518219792
  • 地址:成都市太升南路288号锦天国际A幢1002号
  • 24小时服务热线:400-028-6601

    网站建设服务

  • 网页设计
  • 网站制作
  • 网站开发

    网站推广服务

  • 营销网站建设
  • 百度快速排名
  • 整站网站推广

    网站运维服务

  • 基础维护
  • 网站改版
  • 网站维护

    FOLLOW US

  • 微信二维码

    微信二维码

Copyright © 2022 四川攀枝花网站建设公司 四川攀枝花网站建设公司-选我们!四川专业的攀枝花网站制作公司!
All Rights Reserved 版权所有 蜀ICP备2024105912号-3