新浪科技

动态图表与交互控件

ZOL中关村在线

关注

制作含交互控件的动态图表,先预览最终效果,再按步骤操作完成。

1、 步骤1

2、 数据准备就绪

3、 步骤2

4、 在开发工具选项卡中添加一个调节钮。

5、 右键点击旋钮,选择设置控件格式。

6、 最小值设为1,最大值设为9;本例含8天数据,可依实际数量调整;单元格链接至F1。

7、 步骤3

8、 在D2单元格输入公式,并将其复制至D2:E10区域。

9、 将当前行号与F1单元格数值比较:若行号小于F1,则返回B3的值;否则返回错误值N/A,以便在折线图中预留空位。

10、 步骤4

11、 按住Ctrl键,依次选中A2:A10与D2:E10区域,然后插入折线图。

12、 步骤5

13、 为便于图表格式设置,先将F1单元格数值改为9,确保图表中所有数据点均能完整显示。

14、 双击图表垂直轴,打开坐标轴格式设置,在最小值框输入0,最大值框输入0.1。

15、 选中横轴,设置坐标轴格式,数字格式设为自定义mm/dd。

16、 选中一个数据系列,设置其格式:标记类型设为内置圆形,大小为8;填充方式设为纯色填充,颜色设为白色。

17、 切换至边框设置,选择实线样式并设为2磅粗细;再选中另一数据系列,依同样方式配置标记、填充色及边框宽度。

18、 步骤6

19、 点击左上角按钮(部分版本位于选项卡),勾选数据标签即可添加。

20、 点击底部湖北系列标签,设置其格式,将标签位置设为靠下。

21、 接着将两个数据系列的标签字体颜色分别设为橙色和蓝色。

22、 步骤7

23、 点击图表标题,按Delete键删除;若无其他文字说明,则保留标题。随后拖动图例项,将其调整至合适位置。

24、 单击图表,将字体设为Abadi,并适当调整图例文字大小。

25、 至此,动态图表制作完成,只需点击按钮即可直观查看各时段数据变化。

加载中...