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.
Tutorials Home
Tutorials » Actionscripting
Dynamic charts
