所有文档

          百度数据可视化 Sugar

          关联URL参数

          在Sugar中,还可以通过在访问Sugar的页面 URl 中加参数的方式来和图表进行交互,这个在公开分享的页面中非常有用,例如在 URL 上加一个地区参数area,通过给这个参数赋予不同的取值,从而让页面上的图表显示对应地区的数据,这样制作一个可视化页面,就可以给多个地区的用户查看对应的数据。

          一个具体的示例:https://sugar.aipage.com/report/r_1013e-9kkz9otb-kw9n8q/acec55f90101ca139525cc675fab6f8e?area=华东

          您可以更改上面 URL 中的area参数为华南、华北、东北等地区,即可查询该地区下各个省份的数据。

          下面我们就具体介绍如何实现这个示例:

          绑定数据模型并手动添加 URL 参数

          我们以一个柱图为例,其它图表都是类似。我们给柱图使用数据模型的方式绑定了数据,并且手动在 URL 上加上了area参数,并赋值为华东:

          图片

          数据模型关联 URL 参数

          点击上图中的「关联 URL 参数」,即可弹出 URL 参数的设置对话框,我们如下设置:

          图片

          其中「无该参数时默认值」是指如果 URL 中没有area参数时,应该使用什么取值来限制数据模型中的地区字段,即默认展示哪个地区的数据;「无该参数时不限制」是指如果 URL 中没有area参数时,就对地区字段不做限制,即展示所有地区下的所有省份数据。

          如上设置并「确定」之后,柱状图的数据就会自动刷新,并展示为华东地区的各省份的数据:

          图片

          并且,如果您点击「调试」按钮时,即可看到在执行的 SQL 查询语句多了相应的 where 限制:

          图片

          其它的图表都是类似设置,并且我们对单选、多选等过滤组件的数据绑定那块也支持了关联 URL 参数,都和上面介绍的柱图的方式类似。

          上一篇
          图表联动
          下一篇
          日期时间数据聚合