Dynamic charts - Page 9

Updating the chart data

Once the data has been entered in the text fields, the user will click the Update chart button to display the data labels and values in the bar chart. Modify the UpdateChartDataFn as shown below. The extra code sets the data provider and updates the chart.

function UpdateChartDataFn() {

   ThisBarChart.setChartTitle(strTitle);

   ThisBarChart.setXAxisTitle(strXTitle);

   ThisBarChart.setYAxisTitle(strYTitle);



   //Number of chart items

   var NumToUpdate = DataRowsCBO.getSelectedItem().data;



   //set up variables for data provider

   var arrLabel = new Array();

   var arrValue = new Array();

   var ChartData = new DataProviderClass();		

	

   //write text values to arrays and add to data provider

   for (i=0; i < NumToUpdate; i++) {

      arrLabel[i] = this["ChartLabel"+i].text;

      arrValue[i] = this["ChartValue"+i].text;

      ChartData.addItem({DataLabel:ArrLabel[i], DataValue:ArrValue[i]});

   }

   //add chart data to bar chart

   ThisBarChart.setDataProvider(ChartData);

   ThisBarChart.setLabelSource("DataLabel");

   ThisBarChart.setValueSource("DataValue");	

}

The next page explains this function in more detail.