图表钻取-16.5.12.docVIP

整理 这两天通过查阅整理图表的数据钻取相关样例，主要是围绕amcharts、echarts和highcharts这三个图表的钻取，发现在图标的钻取方面，highcharts是在数据钻取方面做的最好的，其次是echarts，amcharts并没有查找到过多的数据钻取方面的资料。 数据钻取可以简单地理解为当操作图表内的一部分，例如柱状图的一个柱或者是饼状图 的一块儿时，数据下钻，进行重新绘图，绘制的图形是所点击的图形的详细数据图表。 最开始我将钻取理解为类似于跳转的操作，当鼠标在图形上进行操作时，例如点击操作或者是划过操作，这会触发一个事件，然后实现跳转，跳转到下钻后的详细数据页面。所以在事件的触发上花费了很多事件进行查阅和实验，但是后来发现简单地触发事件进行跳转不能完成我们所要的需求，因为之前绘制的图表都是写在一个div里面的，通过编写js语句声明一个function调用window.location.href来实现跳转，将最后绘制图表的div放在一个鼠标点击事件里，但是这么做就相当于将图表整个绑定为一部分，因为每个柱或者模块的数据是写在一个data内的，最后的图形绘制也是绘制在一个div内，不能将一个div内的模块在单独分割出来，能实现的功能只能是点击图表的任意部分（其实图表整体就相当一个大的模块）跳转的都是一个地址。这之后又重新查阅资料，发现对于数据下钻，有很多技术都已经封装好了