highcharts插件中,在外部点击一个按钮或者别的时间,可以链接highcharts上点击事件

我是用highcharts插件来写这种曲线图或者折线图或者面积曲线图,由于需要背景颜色和曲线,就用到了面积曲线图。


1,数据是动态获取的,在demo中,直接现将数据写成静态数据,后面将会获取动态数据,这个应该很简单。在需求中,有八组数据,但是不需要显示前面一个数据和后面一个数据,那类似就可以给这个 宽度是120% ,只显示100%,居中就可以。宽度还需要动态的去适配,这只是个例子。

2,highcharts点击事件,点击线上的点可以进行事件处理,我这边只执行了一个alert事件,具体的因人而异。


3,highcharts中y轴上的座标移动到第二个月上。即y轴线以为。可以在yAxis属性上设置labels,align根据left或者right定位,x和y是px的单位,这个或许需要动态的根据屏幕或者hightcharts的宽度来进行设置。


4,x轴网格线和y轴网格线。是用gridLineWidth来表示宽度,如果不想要网格线可以直接设置为0。

下方的labels中categories是我放置动态数据的数组。


5,外部点击按钮,控制highcharts点击图标座标。

一开始想,在外部控制点击事件肯定要获取到hightcharts的内容属性或者对象的。(显而易见,这个方向是对的。)

先将highcharts对象(后用chart来称呼)获取到。

chart对象有很多属性值,先截取一部分

那么多属性由于没有资料或者文档,我只能一个一个的去点开看他们的内容,哎呀,然后就找到了options这个Obj,哈哈哈,终于让我找到了。

在这个里面所有的属性都好面熟 啊。当当当,其中就有我放置alert的series,他在这里是一个数组。


这里直接调用里面的click事件就行了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章