Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/gwt/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在java中实现gwt highcharts可拖动数据点?_Java_Gwt_Highcharts_Draggable_Gwt Highcharts - Fatal编程技术网

如何在java中实现gwt highcharts可拖动数据点?

如何在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

我需要在java中实现gwt highcharts可拖动的数据点,类似于在js中所做的:

(代码如下)

我无法从gwt highcharts javadocs中找出如何在java中实现这一点。mouse或click eventhandler文档中都没有提到如何捕获拖动信息,甚至没有提到如何捕获鼠标移动事件(与click事件相结合),这些都不会让我检测到拖动操作。我在网上其他地方都没有找到这个。任何帮助或例子都将不胜感激。我正在使用GWT2.5.1,以及截至2014-01-03的GWT highcharts和jquery的最新版本。提前谢谢-丹

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],
德拉格布利:是的
}]
}))