Tutorials Home
What's New
Top Rated
Submit
myTutes
Random!
Dynamic charts
Author: Sas Jacobs
| Website: http://www.sasjacobs.com |
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.
| » Level Intermediate |
|
|
Added: : 2002-08-05
Rating: 7.80 Votes: 41
Hits: 2673
|
| » Author |
|
Applications Developer Marconi Australia
|
| » Download |
|
Download the files used in this tutorial.
|
|
Download (158 kb)
|
|
Get conversion and unzipping tools
for PC and Mac here!
|
| » Forums |
|
More help? Search our boards for quick answers!
|
|
Please rate this tutorial, 10 is the top rating, you can also click the
comments link to read/write a review.
|
|
|