Plot 分组动态移动绘图

Plot 分组动态移动绘图,plot,highcharts,Plot,Highcharts,我试着做一个highchairs代码,用现实时间做一条移动的线(手动操作) 第一点与标准线相同,不能移动 另一个点可以向右或向左移动 当我移动第二个点时,另一个点也可以移动 但是当我把3分(或更多)移到第2分的时候,这不好,我需要后面的那一点不要移动 我尝试使用groupid解决方案… 我选择x点,点x+1、x+2、x+3也会移动,但点x-1、x-2不会与一起分组(所以不要移动) 移动点时如何分组和取消分组 如何限制最小选定点不向左移动到x-1点后面 谢谢你的帮助 我执行以下代码: 一段代码:

我试着做一个highchairs代码,用现实时间做一条移动的线(手动操作)

第一点与标准线相同,不能移动

另一个点可以向右或向左移动

当我移动第二个点时,另一个点也可以移动

但是当我把3分(或更多)移到第2分的时候,这不好,我需要后面的那一点不要移动

我尝试使用groupid解决方案… 我选择x点,点x+1、x+2、x+3也会移动,但点x-1、x-2不会与一起分组(所以不要移动)

移动点时如何分组和取消分组

如何限制最小选定点不向左移动到x-1点后面

谢谢你的帮助

我执行以下代码:

一段代码:

 groupId: 'Group A',

我找到了一个解决方案来限制数据下的移动点

                if (Highcharts.dateFormat('%e - %b - %Y', new Date(this.x)) ==
                (Highcharts.dateFormat('%e - %b - %Y',  Date.UTC(1970, 10, 9)))) {
                    setDragStatus('erreur condition 1 '+Highcharts.dateFormat('%e - %b - %Y', new Date(this.x))+' ');
                    return false;
                }
我不知道怎么做

if(Highcharts.dateFormat(“%e-%b-%Y”,新日期(this.x))< (日期点-1)


感谢您的帮助

我找到了一个解决方案来限制数据下的移动点

                if (Highcharts.dateFormat('%e - %b - %Y', new Date(this.x)) ==
                (Highcharts.dateFormat('%e - %b - %Y',  Date.UTC(1970, 10, 9)))) {
                    setDragStatus('erreur condition 1 '+Highcharts.dateFormat('%e - %b - %Y', new Date(this.x))+' ');
                    return false;
                }
我不知道怎么做

if(Highcharts.dateFormat(“%e-%b-%Y”,新日期(this.x))< (日期点-1)


感谢您在
mouseOver
事件功能中的帮助,您可以通过更改
groupId
属性来减少拖动的点数,该属性用于x值较低的点:

series: [{
    point: {
        events: {
            mouseOver: function() {
                var points = this.series.points;

                points.forEach(function(point, i) {
                    if (i && point.x < this.x) {
                        point.update({
                            groupId: false
                        }, false);
                    }
                }, this);
            },

            mouseOut: function() {
                var points = this.series.points;

                points.forEach(function(point, i) {
                    if (i) {
                        point.update({
                            groupId: 'Group A'
                        }, false);
                    }
                });
            }
        }
    },
    ...
}]
系列:[{
要点:{
活动:{
mouseOver:function(){
var points=this.series.points;
forEach(函数(点,i){
if(i&&point.x

现场演示:

API参考:


mouseOver
事件函数中,您可以通过更改x值较低的点的
groupId
属性来减少拖动点的数量:

series: [{
    point: {
        events: {
            mouseOver: function() {
                var points = this.series.points;

                points.forEach(function(point, i) {
                    if (i && point.x < this.x) {
                        point.update({
                            groupId: false
                        }, false);
                    }
                }, this);
            },

            mouseOut: function() {
                var points = this.series.points;

                points.forEach(function(point, i) {
                    if (i) {
                        point.update({
                            groupId: 'Group A'
                        }, false);
                    }
                });
            }
        }
    },
    ...
}]
系列:[{
要点:{
活动:{
mouseOver:function(){
var points=this.series.points;
forEach(函数(点,i){
if(i&&point.x

现场演示:

API参考:

非常感谢 看起来就像我想做的

当我将点向左移动时,只需在此点之前添加一个限制。日期比点-1.date早

谢谢

非常感谢 看起来就像我想做的

当我将点向左移动时,只需在此点之前添加一个限制。日期比点-1.date早


谢谢

对不起我的英语不好,谢谢你帮助我,谢谢你帮助我