Highchart 曲线图实现点击线上数据点并跳转效果

先来看一张图:

Highchart 曲线图实现点击线上数据点并跳转效果_第1张图片
DPR6E$7RR%[email protected]

用过Highchart的同学都知道,这样一张曲线图,上面的每一个点去点击的话是没有任何反应的,那我们该如何能去定义上面每一个点的点击事件呢?

答案是在js中加入诸如下面的代码:

      series: {
          cursor: 'pointer',
          events: {
              click: function(event) {
                  window.open("http://www.baidu.com")
              }
          }
      }

话不多说,上全代码:




Highcharts 教程 | 菜鸟教程(runoob.com)




运行,然后再去点击每个点,是不是就跳到baidu了?

你可能感兴趣的:(Highchart 曲线图实现点击线上数据点并跳转效果)