我用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'
}
}]
});
我想在做出更改后检索最终数组。关于如何获得阵列的任何想法?
答案 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);
});
顺便说一句,有几件事情你会很有用。