利用Highcharts生成柱状图如何给柱状图添加单击事件,比如点击柱状图的区域跳转到另外一个页面。

highcharts柱状图添加事件,关于传参问题,点击怎么拿到当前柱的各种数据(比如X.Y值等)..?~

用event.point.category和event.point.y实现，

写了个sample把plotoption里面的alert替换成跳转语句即可利用Highcharts生成饼图 如何给饼图添加单击事件，比如点击饼图的某一块扇形，跳转到一个链接。

在column的point中添加click事件
plotOptions: {
column: {
cursor: 'pointer',
point: {
events: {
click: function() {
//★添加跳转代码★
}
}
},
………………
}
}
}

---

田东县15142205509： 如何对highcharts 柱状图进行制作与选择 - ？
笃娜小儿： 步骤一:老规矩,插入highcharts.js和jquery.min.js<br><br>步骤二:先做柱状图<br>先设置一个container的ID,高和宽自己定,这里,我定稿为400px<br><br>然后是图表的js:<br><br>说明一:在输入月份等类型时候,也可以写成英文,写成中...

田东县15142205509： highcharts做柱状图,怎样设置柱子宽度 - ？
笃娜小儿： 123456789 plotOptions: { series: { pointPadding: 0, //数据点之间的距离值 groupPadding: 0, //分组之间的距离值 borderWidth: 0, shadow: false, pointWidth:5 //柱子之间的距离值 } } 可以根据上面的进行设置

田东县15142205509： 利用Highcharts生成柱状图如何给柱状图添加单击事件,比如点击柱状图的区域跳转到另外一个页面. - ？
笃娜小儿： 在column的point中添加click事件 plotOptions: { column: { cursor: 'pointer', point: { events: { click: function() { //★添加跳转代码★ } } }, ……………… } } }

田东县15142205509： 如何使用highcharts案例绘制图形 - ？
笃娜小儿： HighCharts操作案例-柱状图<%@ page language=＂java＂ import=＂java.util.*＂ pageEncoding=＂UTF-8＂%> <% String path = request.getContextPath(); String basePath = request.getScheme() + ＂://＂ + request.getServerName() + ＂:＂ + ...

田东县15142205509： Highcharts柱状图 - ？
笃娜小儿： 很简单,只需要设置plotOptions.column.dataLabels 为true即可,代码如下:plotOptions: { column: { dataLabels: { enabled: true }, pointPadding: 0.2, borderWidth: 0 }},效果如下:

田东县15142205509： 如何做highcharts柱状图向下钻取的,求大神指点 - ？
笃娜小儿： 钻取是改变展现数据维度的层次,变换分析的粒度.它包括向上钻取(drillup)和向下钻取(drilldown).Highcharts 在 3.0.8 开始提供内置的钻取功能功能,使用钻取功能需要额外的引入相关的模块文件 钻取功能

田东县15142205509： 关于HighCharts由表格生成的柱状图改变柱状图颜色 - ？
笃娜小儿： 可通过Highcharts.setOptions自定义颜色12345678 $(function() { Highcharts.setOptions({ colors: ['#ff0000', '#50B432', '#ED561B', '#DDDF00', '#24CBE5', '#64E572', '#FF9655', '#FFF263', '#6AF9C4'] }); $('#container').highcharts({ ..... }) })

田东县15142205509： Highcharts做柱状图怎样样每个柱子都是不同的颜色显示 - ？
笃娜小儿： series: [{data: [{'color':'#F6BD0F','y':11},{'color':'#AFD8F8','y':12},{'color':'#8BBA00','y':13},{'color':'#FF8E46','y':14},{'color':'#008E8E','y':15},{'color':'#D64646','y':16},{'color':'#8E468E','y':17}],}]

田东县15142205509： highcharts柱状图事件 - ？
笃娜小儿： 在plotOptions.column.events.click中,比如:<br>plotOptions:{<br> column:{<br> events :{<br> click: function(event) {<br> alert(this.name);<br> }<br> }<br> }<br>}<br>其中,this表示当前的条形柱,可以通过this.name 获取柱子的名字,this.x 获取柱子的x轴值,this.y获取该柱子的y轴值

田东县15142205509： 我要用jquery的highcharts画一张柱状图,现在设计到两个柱状重叠,我设置了两个Y轴,怎么让他们的值一致？
笃娜小儿： 你的表述真的很难看懂,不过感觉会用到下面这几个方法: var aY=a.offset().top;//获取元素a的Y值 var aH=a.height();//获取元素a的高度 var bY=b.offset().top;//获取元素b的Y值 var bH=b.height();//获取元素b的高度 $(this).offset().top(...