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