JQPlot Draggable约束To属性不起作用

时间:2014-02-25 16:11:22

标签: jquery jqplot

我有一个由jqplot绘制的图表,它由基于DataSeriesToPlot的动态行数组成。我希望所有行只能在Y轴上拖动,但约束到Y属性不起作用。这是我的代码,如果你能帮助我,我们非常感谢!!

$j.jqplot.config.enablePlugins = true;

        plot1 = $j.jqplot('chart', DataSeriesToPlot,

        {
            animate : true,

            title : 'Draggable Chart Demo',
            neighborThreshold : -1,
            legend : {
                renderer : $j.jqplot.EnhancedLegendRenderer,

                show : true,
                labels : legendTypes,
                showSwatch : true,
                predraw : false,
                placement : "outsideGrid",
            },

            seriesDefaults : {

                dragable : {
                    color : '#fffdf6',
                    constrainTo : 'y',

                }

            },

            axes : {

                xaxis : {

                    pad : 1.1,
                    renderer : $j.jqplot.DateAxisRenderer,

                    labelRenderer : $j.jqplot.CanvasAxisLabelRenderer,
                    label : 'Month',
                    labelOptions : {
                        labelPosition : 'middle',
                        fontFamily : 'Helvetica',
                        fontSize : '14pt'
                    },
                    tickRenderer : $j.jqplot.CanvasAxisTickRenderer,
                    tickOptions : {
                        mark : 'outside',
                        showMark : true,
                        showGridLine : true,
                        show : true,
                        showLabel : true,
                        fontWeight : 'normal',

                        angle : -30,
                        formatString : '%F'

                    },
                    tickInterval : "4 months",

                    showTicks : true,
                    showTickMarks : true

                },
                yaxis : {
                    min : mbMin * 0.8,
                    max : mbMax * 1.2,

                    tickRenderer : $j.jqplot.CanvasAxisTickRenderer,
                    tickOptions : {
                        mark : 'outside',
                        showMark : true,
                        showGridLine : true,
                        show : true,
                        showLabel : true,
                        fontWeight : 'normal',
                        formatString : '%.2f'

                    },
                    labelRenderer : $j.jqplot.CanvasAxisLabelRenderer,

                    labelOptions : {

                        fontFamily : 'Helvetica',
                        fontSize : '14pt'

                    },
                    label : 'MB Per Sub',
                },

            },
            highlighter : {
                sizeAdjust : 10,
                showTooltip : true,
                fadeTooltip : true,
                tooltipFadeSpeed : "fast",
                tooltipOffset : 2,
                tooltipAxes : 'both',
                tooltipLocation : 'n',
                tooltipSeparator : ', ',
                useAxesFormatters : true
            },

            cursor : {
                show : true,
                showTooltip : true,
                followMouse : true,
                //showTooltipOutsideZoom : true,
                constrainOutsideZoom : false,
                showTooltipGridPosition : false,
                showTooltipUnitPosition : false,
                useAxesFormatters : true,
                zoom : true,
                looseZoom : true

            }
        })

    }

1 个答案:

答案 0 :(得分:2)

我遇到了同样的问题。尝试将draggable对象放在系列选项中。

series: [{
    dragable : {
      color : '#fffdf6',
      constrainTo : 'y',
    }
}]

它应该有用。