JqPlot在数据点上添加单击事件
JqPlot add click event on data points
我正在尝试使用jqplot http://www.jqplot.com/tests/cursor-highlighter.php。我已经成功地将它安装在我的框架中。但是我需要在图表中的数据点上推送一个点击事件。
这是我目前的代码,
<script class="code" type="text/javascript">
$(document).ready(function () {
var line1 = [['23-May-08', 578.55], ['20-Jun-08', 566.5], ['25-Jul-08', 480.88], ['22-Aug-08', 509.84],
['26-Sep-08', 454.13], ['24-Oct-08', 379.75], ['21-Nov-08', 303], ['26-Dec-08', 308.56],
['23-Jan-09', 299.14], ['20-Feb-09', 346.51], ['20-Mar-09', 325.99], ['24-Apr-09', 386.15]];
var plot1 = $.jqplot('chart1', [line1], {
title: 'Πωλήσεις από 23-May-08 μέχρι 24-Apr-09',
axes: {
xaxis: {
renderer: $.jqplot.DateAxisRenderer,
tickOptions: {
formatString: '%b %#d'
}
},
yaxis: {
tickOptions: {
formatString: '€%.2f'
}
}
},
highlighter: {
show: true,
sizeAdjust: 9.5
},
cursor: {
show: false
}
});
$.jqplot.eventListenerHooks.push(['jqplotClick', myClickHandler]);
});
function myClickHandler(ev, gridpos, datapos, neighbor, plot) {alert(1);}
</script>
这是我尝试添加点击事件
$.jqplot.eventListenerHooks.push(['jqplotClick', myClickHandler]); and
function myClickHandler(ev, gridpos, datapos, neighbor, plot) {alert(1);}
lol我找到了:)。答案是:
<script class="code" type="text/javascript">
$(document).ready(function () {
var line1 = [['23-May-08', 578.55], ['20-Jun-08', 566.5], ['25-Jul-08', 480.88], ['22-Aug-08', 509.84],
['26-Sep-08', 454.13], ['24-Oct-08', 379.75], ['21-Nov-08', 303], ['26-Dec-08', 308.56],
['23-Jan-09', 299.14], ['20-Feb-09', 346.51], ['20-Mar-09', 325.99], ['24-Apr-09', 386.15]];
var plot1 = $.jqplot('chart1', [line1], {
title: 'Πωλήσεις από 23-May-08 μέχρι 24-Apr-09',
axes: {
xaxis: {
renderer: $.jqplot.DateAxisRenderer,
tickOptions: {
formatString: '%b %#d'
}
},
yaxis: {
tickOptions: {
formatString: '€%.2f'
}
}
},
highlighter: {
show: true,
sizeAdjust: 9.5
},
cursor: {
show: false
}
});
/* CLICK CODE START*/
$('#chart1').bind('jqplotDataClick',
function (ev, seriesIndex, pointIndex, data) {
alert(1);
}
);
/* CLICK CODE END*/
});
</script>
相关文章:
- Jquery在表WITH函数中追加新行后添加单击事件
- 添加/单击c#asp.netmvc5后禁用和更改按钮图标
- 递归添加单击事件处理程序
- 在动态创建的按钮上添加单击事件,这些按钮在单击时更改模式 h4 文本
- 为动态创建的列表项及其内容添加单击操作
- 向动态创建的表中的单元格添加单击函数 - JavaScript
- 向图像添加单击或按钮
- 如何使用单击方法在元素内部添加单击方法
- 如何添加单击事件以将您带到幻灯片上的某个图像
- 添加单击侦听器以循环列出项目
- 向动态生成的内容添加单击处理程序.如何去做
- JqPlot在数据点上添加单击事件
- 向所有元素添加单击事件侦听器- Firefox插件
- 如何在条形图中添加单击事件
- 创建动态按钮时出现错误,以及如何在不使用id的情况下动态添加单击事件
- 向加载的KML中的标记添加单击事件
- 为动态创建的下拉列表添加单击功能
- 无法在动态创建的锚标记上添加单击事件
- 如何向每个元素添加单击事件侦听器
- 如何使用Dojo向表行添加单击事件