AmCharts不仅使用起来非常方便,而且提供了非常丰富的接口,我们可以有效的利用接口函数和回调做出非常棒的效果应用,这里我们利用amcharts接口实现以下3个非常有用的功能:
- 显示/隐藏图形中的网格
- 显示/隐藏图形中每条曲线的最大最小值
- 显示/隐藏图形中每条曲线上的数据
这3种应用一般在图形交互的过程中都会用到,在我有一篇博客中提到了amcharts与js的针对legend的应用,本文不再重复,我将所有的应用都做在了这个页面上,有兴趣的读者可以看下效果:
点击这里查看效果
关键的技术主要涉及到:
- 利用getData和getSettings获取的data和settings的XML
- 解析XML文件并加上属性
- 重新设置data和settings,使得chart生效并重绘