### **本章以SQL数据源为例** 1、配置需要点击图表的数据SQL ![](https://img.kancloud.cn/b0/cf/b0cf07016ef8a15d1ec1875b3e43d5fa_1905x899.png) 2、页面新增图表(以柱状图为例),并配置图表数据 ![](https://img.kancloud.cn/58/9b/589bc6ac103966067993f9cc4bf5adfd_1663x556.png) 3、需要联动图表的数据SQL,并填写参数,可以为多个 ![](https://img.kancloud.cn/87/7c/877c53162749f344c7016b47764a00a4_1919x1029.png) 4、设计器新增需要联动的图表 ![](https://img.kancloud.cn/81/93/8193f054481acecb74f0196786db5465_1619x663.png) 5、为点击的图表(本示例为柱状图)设置超链接图表联动,如果为多个可以添加多个图表 ![](https://img.kancloud.cn/bd/4c/bd4c9c8e76d812de1be62b089f81d94f_1602x507.png) 6、图表联动详解 ``` 链接名称:可随意填写 链接图表:需要联动的图表 参数:选择完链接图表自动显示,参数所在单元格不用填写 ``` ![](https://img.kancloud.cn/31/e4/31e423f136a0bb9a825299fd288365f2_757x424.png) 7、效果图 ![](https://img.kancloud.cn/88/2e/882e69939fe3a1581988d1e8967908b0_1129x850.png) ### **效果图** ### **配置方法如下:**