如何在java中实现gwt highcharts可拖动数据点?
我需要在java中实现gwt highcharts可拖动的数据点,类似于在js中所做的: (代码如下) 我无法从gwt highcharts javadocs中找出如何在java中实现这一点。mouse或click eventhandler文档中都没有提到如何捕获拖动信息,甚至没有提到如何捕获鼠标移动事件(与click事件相结合),这些都不会让我检测到拖动操作。我在网上其他地方都没有找到这个。任何帮助或例子都将不胜感激。我正在使用GWT2.5.1,以及截至2014-01-03的GWT highcharts和jquery的最新版本。提前谢谢-丹如何在java中实现gwt highcharts可拖动数据点?,java,gwt,highcharts,draggable,gwt-highcharts,Java,Gwt,Highcharts,Draggable,Gwt Highcharts,我需要在java中实现gwt highcharts可拖动的数据点,类似于在js中所做的: (代码如下) 我无法从gwt highcharts javadocs中找出如何在java中实现这一点。mouse或click eventhandler文档中都没有提到如何捕获拖动信息,甚至没有提到如何捕获鼠标移动事件(与click事件相结合),这些都不会让我检测到拖动操作。我在网上其他地方都没有找到这个。任何帮助或例子都将不胜感激。我正在使用GWT2.5.1,以及截至2014-01-03的GWT highc
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
animation: false,
zoomType: 'x'
},
xAxis: {
//categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
plotOptions: {
series: {
cursor: 'ns-resize',
point: {
events: {
drag: function(e) {
// Returning false stops the drag and drops. Example:
/*
if (e.newY > 300) {
this.y = 300;
return false;
}
*/
$('#drag').html(
'Dragging <b>' + this.series.name + '</b>, <b>' +
this.category + '</b> to <b>' +
Highcharts.numberFormat(e.newY, 2) + '</b>'
);
},
drop: function() {
$('#drop').html(
'In <b>' + this.series.name + '</b>, <b>' +
this.category + '</b> was set to <b>' +
Highcharts.numberFormat(this.y, 2) + '</b>'
);
}
}
},
stickyTracking: false
},
column: {
stacking: 'normal'
}
},
tooltip: {
yDecimals: 2
},
series: [{
data: [0, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
//draggableX: true,
draggableY: true,
dragMinY: 0,
type: 'column',
minPointLength: 2
}, {
data: [0, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4].reverse(),
draggableY: true,
dragMinY: 0,
type: 'column',
minPointLength: 2
}, {
data: [0, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
draggableY: true
}]
var图表=新的Highcharts.图表({
图表:{
renderTo:'容器',
动画:错,
zoomType:'x'
},
xAxis:{
//类别:[一月、二月、三月、四月、五月、六月、七月、八月、九月、十月、十一月、十二月]
},
打印选项:{
系列:{
光标:“ns resize”,
要点:{
活动:{
拖动:函数(e){
//返回false将停止拖放。示例:
/*
如果(e.newY>300){
这个y=300;
返回false;
}
*/
$('#拖动').html(
'拖动'+this.series.name+','+
this.category+'到'+
海图.数字格式(e.newY,2)+“
);
},
drop:function(){
$('#drop').html(
'在'+this.series.name+'中,'+
this.category+'已设置为'+
Highcharts.numberFormat(this.y,2)+”
);
}
}
},
粘滞跟踪:错误
},
专栏:{
堆叠:“正常”
}
},
工具提示:{
样本:2
},
系列:[{
数据:[0,71.5106.4129.2144.0176.0135.6148.51216.4194.1,95.6,54.4],
//draggableX:没错,
draggableY:没错,
德拉格米尼:0,
键入:“列”,
最小点长度:2
}, {
数据:[0,71.5106.4129.2144.0176.0135.6148.51216.4194.1,95.6,54.4],
draggableY:没错,
德拉格米尼:0,
键入:“列”,
最小点长度:2
}, {
数据:[0,71.5106.4129.2144.0176.0135.6148.51216.4194.1,95.6,54.4],
德拉格布利:是的
}]
}))