13.2  改变选中柱状图的颜色

13.2 改变选中柱状图的颜色

在HTML 5网页中绘制柱状图时,可以使用方法obj.getBar使开发者或用户知道哪个柱子被单击或获得鼠标焦点。方法obj.getBar返回一个数组,在数组中可以保存下面的信息:

(1)绘制统计图对象的<canvas>元素。

(2)被单击柱子的绘制起点在X轴上的坐标点。

(3)被单击柱子的绘制起点在Y轴上的坐标点。

(4)被单击柱子的宽度。

(5)被单击柱子的高度。

(6)被单击柱子的序号,标示第几根柱子被单击。

978-7-111-53392-4-Part04-45.jpg

本实例在实例13-1的基础上进行了修改,每当单击柱状图中的一根柱子时,都会使这根柱子变颜色。实例文件2.html的实现代码如下。

978-7-111-53392-4-Part04-46.jpg

978-7-111-53392-4-Part04-47.jpg

执行后的效果如图13-2所示。

978-7-111-53392-4-Part04-48.jpg

图13-2 执行效果