HighCharts圖的click事件
<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 400px"></div>
$(function () {
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container'
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
plotOptions: {
series: {
cursor: 'pointer',
events: {
click: function(event) {
alert(this.name +' clicked\n'+
'Alt: '+ event.altKey +'\n'+
'Control: '+ event.ctrlKey +'\n'+
'Shift: '+ event.shiftKey +'\n');
location.href='http://www.baidu.com';
}
}
}
},
series: [{
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
}]
});
});
相關文章
- click事件生成事件
- JavaScript click 事件JavaScript事件
- touch事件與click事件區別事件
- click事件形成的條件 – Eric事件
- onclick與click事件的區別事件
- touch事件和click事件多次觸發的問題事件
- 如何解決 touchstart 事件與 click 事件的衝突事件
- Highcharts繪製餅圖
- 【highcharts應用-雙餅圖】
- 動態生成的html元素繫結click事件HTML事件
- Vue根據條件新增click事件Vue事件
- 雙擊事件(dblclick)時,不觸發單擊事件(click)事件
- click事件在蘋果手機失效的問題事件蘋果
- Highcharts 圖上文字重影問題
- js圖表控制元件:highcharts的應用JS控制元件
- svg click事件失效(僅限edge瀏覽器)SVG事件瀏覽器
- iOS下瀏覽器document/body的click事件無效的坑iOS瀏覽器事件
- Highcharts 實現自定義匯出圖片
- Highcharts+PHP+Mysql生成餅狀統計圖PHPMySql
- Highcharts 7.1.1 釋出,製作圖表的純 JS 類庫JS
- 關於在swiper輪播元件中使用echarts的'click'事件無效元件Echarts事件
- Highcharts的credits配置去掉或修改“Highcharts.com”連結標籤
- $().click () 和 $(document).on ('click','要選擇的元素',function (){}) 的不同Function
- ASP.NET MVC下使用AngularJs語言(二):ng-click事件ASP.NETMVCAngularJS事件
- swiper loop:true引發繫結dom的click事件無效及解決方案OOP事件
- Shift+Click,編輯[...],如編輯圖片
- gantt甘特圖可拖拽、編輯(vue、react都可用 highcharts)VueReact
- 從零開始,開發一個 Web Office 套件(6):游標 & Click 事件Web套件事件
- 在Vue中使用WebSocket+HighCharts+Canvas實現高效能的頻譜瀑布圖VueWebCanvas
- 從零開始,開發一個 Web Office 套件(7):新的問題—— Click 事件的 z-indexWeb套件事件Index
- Highcharts(四)之資料列
- 圖表外掛Highcharts的動態化賦值,實現圖表資料的動態化設定顯示賦值
- 記一次多事件繫結中自己給自己設定的坑——click,dblclick,mousedown,mousemove,mouseup事件
- 使用原生Js addEventListener給每個li元素繫結一個click事件輸出他們的順序JSdev事件
- 用highcharts做資料統計
- 【我的Android進階之旅】解決重寫onTouch事件提示的警告:onTouch should call View#performClick when a click is detectedAndroid事件ViewORM
- Click: 命令列工具神器命令列
- 瞭解下何為Highcharts 配置語法
- 圖片載入事件事件