Jqplot - 如何从已创建的图形中获取数组

时间:2013-05-24 19:39:46

标签: javascript jquery jqplot

我用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'
        }
    }]
});

我想在做出更改后检索最终数组。关于如何获得阵列的任何想法?

1 个答案:

答案 0 :(得分:1)

您可以在图表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);

});
顺便说一句,有几件事情你会很有用。