1

jqplot でグラフをプロットし、ドラッグ可能な機能を含めました。全体のポイントは、ユーザーが必要に応じてグラフを変更できることです。

$.jqplot.config.enablePlugins = true;
var demandPlot = $.jqplot('myDiv', [ myArray ], {
    title : 'My Graph',
    seriesDefaults: {
        fill: true
    },
    axes : {
        xaxis : {
            label: 'My X axis'              
        },

        yaxis : {
            label:'My Y axis'
        }               
     },
    series:[{
        color:"green",
        dragable: {
            color: '#ff3366',
            constrainTo: 'y'
        },
        trendline: {
            color: '#cccccc'
        }
    }]
});

変更が行われた後、最終的な配列を取得したいと思います。配列を取り戻す方法についてのアイデアはありますか?

4

1 に答える 1

2

チャートseries[serieIndex].dataプロパティで更新されたデータを確認できます。

http://jsfiddle.net/coma/jvGHH/10/

$(function(){

    $.jqplot.config.enablePlugins = true;

    var data = [['23-May-08', 1],['24-May-08', 4],['25-May-08', 2],['26-May-08', 6]];

    var chart = $.jqplot('chart', [data], {
        title : 'My Graph',
        seriesDefaults: {
            fill: true
        },
        axes : {
            xaxis : {
                label: 'My X axis',
                renderer: $.jqplot.DateAxisRenderer
            },

            yaxis : {
                label: 'My Y axis'
            }               
        },
        highlighter: {
            sizeAdjust: 10
        }
    });

    var log = function(seriesIndex, pointIndex, pixelposition, data) {

        console.log(chart.series[0].data);

    };

    $('#chart')
    .bind('jqplotSeriesPointChange', log)
    .bind('jqplotDragStop', log);

});

ところで、役に立つイベントがいくつかあります。

于 2013-05-24T22:58:22.783 に答える