highcharts 直條圖 餅圖 加URL或Click事件

標籤：rip   圖形   options   個數   設定   top   chart   asc   地產   

我們在做圖表的時候，有時候需要在單個資料上加連結或點擊事件，是在plotOptions裡的events裡設定的

plotOptions: {    pie: {        cursor: ‘pointer‘,        events: {            click: function(e) {location.href = e.point.url; //上面是當前頁跳轉，如果是要跳出新頁面，那就用                //window.open(e.point.url);                //這裡的url要後面的data裡給出    }},    }},series: [{    data: [        {name:‘地產組‘,y:76,url:‘http://www.baidu.com‘},        {name:‘能源組‘,y:54,url:‘http://www.google.com‘},             {        {name:‘互連網‘,y:20,url:‘http://www.sohu.com‘}}]

　　

以上是針對餅圖的，如果是直條圖那就把pie:{}換成column : {}

當然如果換成series:{}那就不用管是餅圖還是直條圖或是其他圖形了

plotOptions: {    series: {        cursor: ‘pointer‘,        events: {            click: function(e) {location.href = e.point.url;                //上面是當前頁跳轉，如果是要跳出新頁面，那就用                //window.open(e.point.url);                //這裡的url要後面的data裡給出    }},    }},series: [{    data: [        {name:‘地產組‘,y:76,url:‘http://www.baidu.com‘},        {name:‘能源組‘,y:54,url:‘http://www.google.com‘},             {        {name:‘互連網‘,y:20,url:‘http://www.sohu.com‘}}]

　　

highcharts 直條圖 餅圖 加URL或Click事件