日期:2014-05-17  浏览次数:20498 次

如何用鼠标在网页上的柱状图上同时选定多个相邻的矩形?
想请教各位如何实现:

用鼠标在网页上的柱状图上同时选定多个相邻的矩形?也就是用鼠标在柱状图上划定一个范围?

目前用Silverlight的chart实现单个柱子点击相应,多个柱子不知道如何做,
如果该功能chart很难实现,是否有别的替代方案?只要用户能通过鼠标选到多个相邻的柱子,即可!


初学者,麻烦大家详细说说,最好有代码,非常感谢!

------解决方案--------------------
没有找到很好的直接解决方法除了参考楼上的转发方式,还找到一个相关的:在仔细想想有没有启发

在一个Canvas中使用其事件,来绘制矩形,注意这里选用Canvas是因为Canvas.Top和Canvas.Left是一个很好的定位方法。当用户想要动态绘制一个矩形的时候,用户按下鼠标左键(MouseLeftButtonDown事件),记录当前鼠标点击的Canvas坐标,然后鼠标移动(MouseMove事件)的时候再记录当前鼠标移动到的点位,由此动态生成一个Rectangle矩形框。这个矩形框就会跟随你鼠标移动变换大小,当鼠标左键弹起(MouseLeftButtonUp事件)的时候,取消MouseLeftButtonDown事件的绑定。