Dynamic charts - Page 11

The functions

The complete functions are shown below.

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");

}



function drawFields(component) {

   //remove fields

   removeTextFields();



   //get number of fields

   var NumFieldsDraw = component.getSelectedItem().data;



   //text format

   Tformat = new TextFormat();

   Tformat.font = "Verdana";

   Tformat.size = 10;



   //label format

   Lformat = new TextFormat();

   Lformat.bold = true;

   Lformat.font = "Verdana";

   Lformat.size = 10;



   //dynamically create text fields

   for (var i=0; i < NumFieldsDraw; i++) {

      //instanceName,depth,x,y,width,height

      this.createTextField("ChartLabel"+i,i,380,90+(i*25),110,20);

      this["ChartLabel"+i].text = "Enter Chart Label";

      this["ChartLabel"+i].type = "input";

      this["ChartLabel"+i].setTextFormat(Lformat);

      this["ChartLabel"+i].setNewTextFormat(Lformat);	
	


      this.createTextField("ChartValue"+i,100+i,500,90+(i*25),110,20);

      this["ChartValue"+i].text = "Enter Chart Value";

      this["ChartValue"+i].type = "input";

      this["ChartValue"+i].border = true;

      this["ChartValue"+i].setTextFormat(Tformat);

      this["ChartValue"+i].setNewTextFormat(Tformat);



   }

}



function removeTextFields() {

   for (var i=0; i < 10; i++) {

      if (this["ChartLabel"+i]) {

         this["ChartLabel"+i].removeTextField();

      }

      if (this["ChartValue"+i]) {

         this["ChartValue"+i].removeTextField();

      }

   }

}