This example demonstrates how to update a point in a series and then redraw just that series. You can select a series, a point and change it's x and y value with the form below the chart.

Series: Point: X: Y:

The mechanism to update data in a series and then redraw the series is simple. update the data in the "plot.series[seriesIndex].data[dataIndex]" and then redraw just that series with "plot.drawSeries(options, seriesIndex);" Here is the relavent code which updates the series on this chart:

    var f = document.forms[0];
    var seriesIndex = f.seriesId.selectedIndex;
    var series = plot1.series[seriesIndex];
    var data = series.data[f.pointId.selectedIndex];
    var xval = parseFloat(f.xvalue.value);
    var yval = parseFloat(f.yvalue.value);
    data[0] = xval;
    data[1] = yval;
    plot1.drawSeries({}, seriesIndex);

You can also update an entire series dataset at once and redraw the series like so:

    plot1.series[2].data = [[1,4], [2,6], [3,4], [4,1], [5,7]];
    plot1.drawSeries({}, 2);

You can test this by clicking the button below. You should see the entire "bears" line drop lower on the chart.

Note that the redrawSeries method does not do any axes scaling or redraw any other elements on the chart. It is intended to be a lightweight method to redraw just one series. Also note, if no series Index is passed in as the second parameter to drawSeries, it will redraw all series without rescaling or redrawing other plot elements.