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

作者&投稿:韦秀 (若有异议请与网页底部的电邮联系)
highCharts曲线图上的点,加了点击事件,请问如何在事件中获取到当前点的X轴和Y轴值,谢谢~

将click的方法替换成如下代码即可:
click: function(event) {alert(event.point.x); // X轴值alert(this.data[event.point.x].y); // Y轴值}

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

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




highcharts 如何实现双击事件?
Highcharts没有提供双击事件监听,对于饼图,默认是分块偏离,不过你也通过 chart.events.click: Function 来自定义,例如 click: function(e) { console.log(Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', e.xAxis[0].value),e.yAxis[0].value )} ...

HighCharts如何设置Y轴的刻度
这个很简单的,你只需要在后台将最大值赋给变量max,然后传递到页面,在Y轴里面这样设置:yAxis: { max: '${max}', \/\/设置Y轴最大值为“max” tickInterval: 100 \/\/设置Y轴坐标值的间隔固定为100 }这样你的Y轴由于间隔为固定的100,如果max=254,那么最大值就会显示为300....

Highstock与Highcharts有何区别
highstock 是highchart 的升级,主要针对大数据做可视化分析

Highcharts.Chart曲线图怎么取消图内自动生成的直线??
Highcharts.Chart曲线图取消图内自动生成的直线:在 yAxis下增加,属性就可以完成 gridLineWidth:'0px', 设置宽度为0即可。针对网格线的设置主要就是几个属性:1、gridLineColor :网格线颜色值,默认为#C0C0C0;2、gridLineDashStyle :网格线样式,默认为solid实线;3、gridLineWidth:网格线宽度,默认为...

如何设置highcharts图表坐标刻度字体样式
有两个方法: 1.调整图表的宽度,越宽分配给每个值的宽度越宽 2.设置pointWidth属性 plotOptions: { column: { pointPadding: 0.2, pointWidth: 30 \/\/柱子的宽度30px } } 设置pointPadding也可以.

highcharts 的x轴tickInterval可以是动态的吗?
参照官方文档:http \/\/api highcharts com\/highcharts ,找到xAxis的tickInterval属性,然后参照文档,和它的例子(http \/\/jsfiddle net\/gh\/get\/jquery\/1.7.2\/highslide-software\/highcharts.com\/tree\/master\/samples\/highcharts\/xaxis\/tickinterval-5\/)去做吧,应该能搞定的 我没有测试,我看官方文档...

可视化数据分析软件有哪些
有着众多不同的图表种类,而且主题也并非只是一种,以往大家所使用的,可能最多也只是对于可视化进行定制,但是在这一个软件中主要以图表为准,也提供文本和表格的一种模式,可以按照相应的需求直接就引入表格或者是文本。3、HighCharts,这也是一款具有可视化效果的数据可视化软件工具,虽然说属于国外的产品...

highcharts动态生成设置step时如何不让它成阶梯状?
可以通过labels下面的staggerLines属性来控制,设置为1即可。设置了step后,x轴为何会变成那样,原因是由于labels中的maxStaggerLines默认值为5,仔细数一下x轴的坐标,一共是分到了5行上,LZ没错吧?个人建议设置staggerLines=1,同时将step属性也设置的大一点,否则x轴会变得不堪入目的,呵呵,下面给...

highcharts 如何给series中的data赋值
seriesname: [{ ..,..,...,...,... }] 定义一个新的函数 void Result { series = * seriesname } 形成一个二维数组,最后输出series

怎么用highcharts画股票分时图
分时图与均价线一起看。1. 分时图——均价线判断拉升 均价线判断拉升:在看分时图中很重要的一点就是看分时线和均价线的位置关系,健康完美的分时线和均线运行状态是,分时线运行在均价线上并保持一定的比例关系,当分时线上涨是均价线应该跟上,如果分时上涨均价反应迟钝是一种异常,说明有资金虚假拉升...

清涧县18268758613: 利用Highcharts生成柱状图如何给柱状图添加单击事件,比如点击柱状图的区域跳转到另外一个页面. -
言冠星伯: 在column的point中添加click事件 plotOptions: { column: { cursor: 'pointer', point: { events: { click: function() { //★添加跳转代码★ } } }, ……………… } } }

清涧县18268758613: 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轴值

清涧县18268758613: Jquery,Highcharts画出的图表怎么能通过点击图表触发事件? -
言冠星伯: 是全图触发,你确保下是在chart.events.click 触发.<br>你运行下我给的代码<br><!doctype html><br><html lang="en"><br> <head><br> <meta charset="utf-8"><br> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/...

清涧县18268758613: highcharts柱状图添加事件,关于传参问题,点击怎么拿到当前柱的各种数据(比如X.Y值等)..? -
言冠星伯: 用event.point.category和event.point.y实现,

清涧县18268758613: highcharts中的柱状图怎么让他编译中文并显?highch
言冠星伯: 这是我的看法,请采纳. 在column的point中添加click事件 plotOptions: { column: { cursor: 'pointer', point: { events: { click: function() { //★添加跳转代码★ } } }, ……………… } } }.

清涧县18268758613: highCharts曲线图上的点,加了点击事件,请问如何在事件中获取到当前点的X轴和Y轴值,谢谢 -
言冠星伯: 将click的方法替换成如下代码即可:<br><br>1<br>2<br>3<br>4<br> click: function(event) {<br> alert(event.point.x); // X轴值<br> alert(this.data[event.point.x].y); // Y轴值<br>}

清涧县18268758613: 利用Highcharts生成饼图 如何给饼图添加单击事件,比如点击饼图的某一块扇形,跳转到一个链接.
言冠星伯: 写了个sample http://jsfiddle.net/uep3T/3/ 把plotoption里面的alert替换成跳转语句即可

清涧县18268758613: 如何给图表比如柱状图添加点击事件 -
言冠星伯: 右键点击柱形图,点击浮动菜单中的“添加数据标签”,在每个柱形图中就添加上了数据.也可以通过双击数据标签对进行编辑,在其中添加文字.还可以右键单击数据标签,点击浮动菜单中的“设置数据标签格式”对数据标签进行修改.

清涧县18268758613: 如何给highcharts柱状图上方加上数据标识符 -
言冠星伯: 针对这类问题,其实在highcharts的相应API内有一个属性dataLabels可以加以控制的.代码如下所示:view sourceprint?1.plotOptions:{2. column:{3. dataLabels:{4. enabled:true //是否显示数据标签5. }6. }7.},转载 作者:highcharts

清涧县18268758613: 怎么把数组加入到highcharts图表的serise数据中 -
言冠星伯: 在创建图表的时候,可以通过传入参数添加.在创建图表后,可以通过addSeries方法添加.http://www.hcharts.cn/test/index.php

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网