Angular Gauge chart in flex

I have been using fusion charts in the past. Now I want to add an angular gauge chart like this one in my application:
http://www.fusioncharts.com/widgets/Gallery/Angular7.html
I couldn't find any thing similar in flex.
Does any body know any charting library to get similar charts?
Thanks

Can you just take the min and max from the data source feeding your line chart, build a separate line chart with start and end corresponding to those two points and y-value corresponding to your goal, and add a second series to the chart? You may need to build a custom lineSegmentRenderer if you want a dashed line but a thin, low-alpha line may look fine.

Similar Messages

Charting with Flex Builder

Hello,
I am a newbie and am looking to develop some graphs and
charts using Flex Builder, could someone provide some insight on
how to build using Flex Builder?
Thanks

This issue was resolved with help from Ryan at Adobe tech
support. For anyone else who's suffering from this problem, the
resolution is that you need a valid Flex 2 w/Charting serial number
to place in the file "<Flex 3 Builder
Root>\sdks\2.0.1\frameworks\license.properties" on the line
"charting=<serial #>".
To answer my own previously asked questions:
Yes, Flex Builder 3 is supposed to entitle me to use the Flex
Charting component (which is integrated with Flex 3, but was an
addon in Flex 2).
No, the Flex Builder 3 serial does NOT work with Flex 2
Charting. You need a Flex 2 w/Charting serial.
To anyone in this position, I would recommend opening tech
support case via the web support portal and politely explaining
your situation. It took a few days, but when I finally got through
to someone who could help, the resolution was prompt.
Regards,
Dave

Multivalued gauge chart

Hello,
With Xcelsius 2008 SP3 i can display more than one value on gauge chart but it seems that each value cannot be labeled. Is it possible to have a name of a series associated with value on this type of chart ?
thanks in adnvance for any hints on this one

Hello,
Currently this functionality is not available but a good to have feature in future release. Probably you should look at contacting the BOBJ support team and post your idea in the specified site https://cw.sdn.sap.com/cw/community/ideas.
Regards,
Ameet

Gauge Chart

One of the chart options for the gauge chart is to provide a beginning and ending value for a quality band.
You can set up to 5 quality bands with different colors.
I have done this using the report designer, but this requires me to set the values at design time. I want to be able to set the values at runtime based on data values that are coming from a database.
e.g if I have a gauge chart and stored procedure sends me upper value% , lower value% and success value %
so I have to show
Band 1 0 - Lower value % color=RED
Band 2 Lower value- upper value %   color = Green
Band 3 Upper value to 100% color =BLUE
The needle will show the success Value %
How can I set the values of band and color at runtime from Stored procedure
Any help is appreciated
Thanks

Hi Ludek,
Thanks for the reply.
My question is not how to change/set the quality band at runtime from NET application.
I am running the report on Business object server. So I have a crystal report with datasource as stored procedure.(No NET application)
I get the data from stored procedure and bind it to the gauge chart. Now what I need to know is how do I set the bands from the fields from stored procedure
example I'll get following data in the stored procedure for PERSON 1
band 1              range 0   to    70
band 2              range 70 to    90
band 3              range 90 to    100
Success Value percent 85%
So I want to constuct the gauge chart which will show 3 quality band from the ablove data
band 1    color   red
band 2    color   green
band 3    color   blue
Needle   color black pointing to 85%   which will fall in the green zone
For the next set of data (PERSON 2) I may get completely diffeerent bands such as   0 to 50, 50 to 70,   70 to 100. So when I generate the report for PERSON 2 I have to show red, green and blue zone according to the values I get for the bands from stored procedure.
Any idea?

Gauge Chart parameters

APEX 3.1.1
I'd like to use the flash gauge chart as follows:
starting value 95, ending value 100, pointer points at 98 (or some other number between 95 and 100).
seems simple enough. I cannot find the documentation that shows how to do this.
Any help appreciated.
Also, any xml documentation for this version of Apex/Anycharts?
Thanks

Hello,
In Anychart 5 it's called a Gauge. You can find a reference of the Anychart 5 xml here (different from Anychart 3): http://www.anychart.com/products/anychart/docs/xmlReference/index.html
An example of a Gauge in Anychart 5: http://anychart.apex-evangelists.com/pls/apex/f?p=755:33:0::NO:33:: (the right is a Gauge you can get if you integrate Anychart 5, the left is a dial chart you get with APEX)
Regards,
Dimitri
http://dgielis.blogspot.com/
http://www.apex-evangelists.com/

Google Interactive Charts and Flex

Hi,
Has anyone successfully implement Google Interactive Charts into Flex? I believe Google Interactive Charts uses JavaScript but the output is in Flash format.
http://code.google.com/apis/visualization/documentation/gallery/geomap.html#Configuration_ Options
Please help!

Hi Alex,
1- Yes, I downloaded the fxp from the bug https://bugs.adobe.com/jira/browse/FLEXDMV-2513. Compiled with 4.5 and I get what you see in the screen cap.
2 - For 4.1, I was able to solve my problem by unchecking "Use Flash Text Engine in MX Components" and using my own MXFTEText.css which excluded the use of RTE in LegendItem and DualStyleObject. This is not ideal because now those label will never handle RTL. It does however stop the majic dissapearance of my chart legends and axis labels...
Hopefully this will get attention one day
cheers

Using Flex 3D Charts in Flex Builder 3

Hi all,
has anyone successfully used the Flex 3D Charts library in FlexBuilder 3?
The component is at
http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&loc=en_us&extid=1047 990
and having trawled back there was some chatter about the library back in 2007, but few people seemed to have got it to work.
I can draw a blank chart area (ie carefully not adding a data series to the chart) but as soon as a series is added I get an error starting
Cannot access a property or method of a null object reference.
at com.adobe.flex.extras.charts.series::Column3DSeries/describeData()[C:\perforce\depot\flex \components\FlexComponents\com\adobe\flex\extras\charts\series\Column3DSeries.as:870]
with a whole load of stack trace following on. This happens whether I use MXML or create at runtime in an AS class.
I notice that the library only claims compatribility with FB 2.0 but had hoped there would be backwards compatibility.
Thanks,
Richard

We have added 3d versions of the charts to our Spark based Flex charting framework : http://blog.flexicious.com/post/Flexicious-30-Release-Flex-Spark-Charts-with-Skinning-Supp ort.aspx

Charts in Flex 3 compatibility mode are hosed

I spent an 11 hour day struggling to get a LineChart working in Flex 3 compatibility mode that worked fine otherwise. I encountered a multitude of problems, spent hours tracing through Flex code, and finally have something almost working except for minor details like the horizontal axis insists on displaying on the top only (and the vertical on the right) even if I use the axis renderer placement tags to specify otherwise (and with any other values except "bottom" and "left" the data does not draw properly!). To give you a feeling for what I learned, a major breakthrough was setting gutters explicitly (the data points were calculated as NaN otherwise).
If someone could suggest what might need setting to get the axes to display where I want them to I will be very grateful.
To summarize -- LineCharts appear to be badly broken in Flex 3 compatibility mode.
If an Adobe developer would like to verify, here is my source, including an example of the data I'm using. I posted earlier today wondering what the situation is and give some more details there.
Thanks, Peter ([email protected])
<?xml version="1.0"?>

<mx:Application
 xmlns:mx="http://www.adobe.com/2006/mxml"
 xmlns:bwc="*"
 creationComplete="initialization()"
 width="1200" height="800" layout="absolute" >
 <mx:Label id="titleLabel" x="30" y="10" text="Progress Chart for " fontSize="16" />
 
 <mx:ComboBox id="measureCombo" x="300" y="14" width="300" dataProvider="{patientMeasureNames}"
 editable="false" change="loadPatientData()" />
 <mx:SolidColorStroke id="axisStroke"
 color="#000000"
 weight="2"
 alpha="1"
 caps="square" />
 <mx:SolidColorStroke id="tickStroke"
 color="#000000"
 weight="1"
 alpha="1" />
 <mx:SolidColorStroke id="minorTickStroke"
 color="#000000"
 weight="1"
 alpha="1" />
 <mx:SolidColorStroke id="dataStroke"
 color="0x11538C"
 weight="3"
 alpha="1" />
 <mx:Canvas id="chartCanvas" x="30" y="50" width="600" height="500" borderStyle="solid" >
 <mx:LineChart id="progressChart" x="10" y="10" width="550" height="450"
 dataProvider="{patientData}"
 showDataTips="true"
 horizontalAxisStyleNames="{styleNames}" verticalAxisStyleNames="{styleNames}"
 gutterBottom="10" gutterLeft="10" gutterRight="10" gutterTop="10" gridLinesStyleName=""
 >
 <mx:annotationElements>
 <mx:CartesianDataCanvas id="annotationCanvas" includeInRanges="true" width="800" height="400"/>
 </mx:annotationElements>
 <mx:horizontalAxis>
 <mx:DateTimeAxis id="hAxis" parseFunction="makeDateFromString"
 alignLabelsToUnits="true" displayLocalTime="true"
 title="" labelFunction="formatDateLabel" maximum="{maxDate}"
 /> 
 </mx:horizontalAxis>
 <mx:verticalAxis>
 <mx:LinearAxis id="vAxis" interval="1" maximum="{this.maxValue}" title="" /> 
 </mx:verticalAxis>
 <mx:series>
 <bwc:BwcLineSeries xField="date" yField="value" displayName="(measure)" stroke="{dataStroke}"
 itemRenderer="mx.charts.renderers.CircleItemRenderer"
 lineSegmentRenderer="mx.charts.renderers.LineRenderer"
 width="700" height="350" lineStroke="{dataStroke}" radius="4"
 >
 </bwc:BwcLineSeries>
 </mx:series>
 <mx:seriesFilters>
 <mx:Array/>
 </mx:seriesFilters>
 <mx:horizontalAxisRenderers>
 <mx:AxisRenderer axis="{hAxis}"
 axisStroke="{axisStroke}" tickStroke="{tickStroke}" minorTickStroke="{minorTickStroke}"
 showLine="true" showLabels="true" labelRenderer="mx.charts.chartClasses.ChartLabel"
 placement="bottom" tickPlacement="cross" tickLength="5" fontSize="12"
 />
 </mx:horizontalAxisRenderers>
 <mx:verticalAxisRenderers>
 <mx:AxisRenderer axis="{vAxis}"
 axisStroke="{axisStroke}" tickStroke="{tickStroke}" minorTickStroke="{minorTickStroke}"
 showLine="true" showLabels="true" labelRenderer="mx.charts.chartClasses.ChartLabel"
 placement="left" tickPlacement="cross" tickLength="5" fontSize="12"
 />
 </mx:verticalAxisRenderers>
 </mx:LineChart>
 
 </mx:Canvas>
 <mx:Script>
 <![CDATA[
 import com.bewellcommunication.pvg.model.BackendService;
 import com.bewellcommunication.pvg.model.Utilities;
 import flash.events.TimerEvent;
 import mx.charts.chartClasses.IAxis;
 import mx.charts.series.items.LineSeriesItem;
 import mx.collections.ArrayCollection;
 import mx.collections.XMLListCollection;
 import mx.controls.RadioButton;
 import mx.controls.RadioButtonGroup;
 import mx.rpc.events.ResultEvent;
 [Bindable]
 private var patientMeasureNames:ArrayCollection;
 private var patientMeasureIds:Array;
 private var dataVideoIds:Array;
 private var videoButtons:Array;
 [Bindable]
 private var patientData:XMLListCollection;
 [Bindable]
 private var maxDate:Date;
 [Bindable]
 private var maxValue:Number;
 [Bindable]
 private var styleNames:Array = new Array("axisStroke");
 private function initialization():void
 var service:BackendService = new BackendService();
 var xml:String = "<LoadPatientMeasures>"
 + "\n<clientId>" + 2 + "</clientId>"
 + "\n</LoadPatientMeasures>";
 service.request(xml, loadPatientMeasuresFinish);
 public function loadPatientMeasuresFinish(re:ResultEvent):void
 var xmlResult:XML = XML(re.result.valueOf().toString());
 var error:String = xmlResult.error;
 if (error != null && error != "")
 trace(xmlResult.error + "Problem loading patient measures"); // PENDING: bwcAlert
 else
 this.patientMeasureNames = new ArrayCollection();
 this.patientMeasureNames.addItem("(Select measure)");
 this.patientMeasureIds = new Array();
 this.patientMeasureIds.push(0);
 var xmlMeasures:XMLList = xmlResult.measures.children();
 for each (var xmlMeasure:Object in xmlMeasures)
 this.patientMeasureIds.push(Number(xmlMeasure.measureId));
 var name:String = xmlMeasure.measureName; // PENDING: utils.makeSafe()
 this.patientMeasureNames.addItem(name);
 public function loadPatientData():void
 var measureIndex:int = this.measureCombo.selectedIndex;
 if (measureIndex < 1)
 return;
 var service:BackendService = new BackendService();
 var xml:String = "<LoadPatientData>"
 + "\n<clientId>" + 2 + "</clientId>"
 + "\n<measureId>" + this.patientMeasureIds[measureIndex] + "</measureId>"
 + "\n</LoadPatientData>";
 service.request(xml, loadPatientDataFinish);
 public function loadPatientDataFinish(re:ResultEvent):void
 var xmlResult:XML = XML(re.result.valueOf().toString());
 var error:String = xmlResult.error;
 if (error != null && error != "")
 trace(xmlResult.error + "Problem loading patient data"); // PENDING: bwcAlert
 else
 // re-initialize
 this.annotationCanvas.removeAllChildren();
 // set data for graphing
 this.patientData = new XMLListCollection(xmlResult.results.result);
 this.dataVideoIds = new Array();
 // calculate mins and maximums for axis spacing
 var xmlResults:XMLList = xmlResult.results.children();
 var minDate:Number = Number.MAX_VALUE;
 var maxDate:Number = Number.MIN_VALUE;
 var minVal:Number = Number.MAX_VALUE;
 var maxVal:Number = Number.MIN_VALUE;
 for each (var result:Object in xmlResults)
 var date:Number = Number(result.date);
 var val:Number = Number(result.value);
 if (!isNaN(val))
 if (date < minDate)
 minDate = date;
 if (date > maxDate)
 maxDate = date;
 if (val < minVal)
 minVal = val;
 if (val > maxVal)
 maxVal = val;
 // also store the video id
 var videoId:Number = Number(result.videoId);
 this.dataVideoIds.push(videoId);
 // set scale max for each axis
 this.maxDate = new Date(maxDate + ((maxDate - minDate) * 0.1));
 this.maxValue = maxVal * 1.1;
 // draw links to videos
 var utils:Utilities = new Utilities();
 utils.relinquishThenFinish(drawLinksToVideos, 500);
 private function drawLinksToVideos(e:TimerEvent):void
 var rect:Rectangle = new Rectangle(0, 0, 99999, 99999); // get all items
 var items:Array = this.progressChart.getItemsInRegion(rect);
 var i:int;
 var rbg:RadioButtonGroup = new RadioButtonGroup(this.annotationCanvas);
 this.videoButtons = new Array();
 for (i = 0; i < items.length; i++)
 var liveButton:RadioButton = null;
 if (this.dataVideoIds[i] > 0)
 var item:LineSeriesItem = items[i];
 var radio:RadioButton = new RadioButton();
 radio.group = rbg;
 liveButton = radio;
 radio.addEventListener(Event.CHANGE, loadAndPlayVideo);
 this.annotationCanvas.addDataChild(radio, item.xValue, item.yValue);
 this.videoButtons.push(liveButton); // one for each item
 private function loadAndPlayVideo(e:Event):void
 var utils:Utilities = new Utilities();
 utils.relinquishThenFinish(finishLoadAndPlayVideo);
 private function finishLoadAndPlayVideo(e:TimerEvent):void
 // identify video to play
 var i:int;
 var target:int = -1;
 for (i=0; target == -1 && i < this.videoButtons.length; i++)
 var radio:RadioButton = this.videoButtons[i] as RadioButton;
 if (radio != null && radio.selected)
 target = i;
 // play video
 if (target > -1)
 trace("play video: index=" + target + " id=" + this.dataVideoIds[target]);
 private function makeDateFromString(dateStr:String):Date
 var dateNum:Number = Number(dateStr);
 var date:Date = new Date(dateNum);
 trace("date=" + date.toLocaleString());
 return date;
 private function formatDateLabel(cur:Date, prev:Date, axis:IAxis):String
 var label:String = cur.month + "/" + cur.date + " " + cur.hours + ":" + cur.minutes;
 return label;
 ]]>
 </mx:Script>
</mx:Application>
package
 import mx.charts.series.LineSeries;
 public class BwcLineSeries extends LineSeries
 public function BwcLineSeries()
 super();
 override protected function updateDisplayList(unscaledWidth:Number,
 unscaledHeight:Number):void
 var useWidth:Number = unscaledWidth;
 var useHeight:Number = unscaledHeight;
 /*if (isNaN(useWidth))
 useWidth = 745.5;
 useHeight = 365;
 super.updateDisplayList(useWidth, useHeight);
<data>
<measure/>
<results>
 <result>
 <date>1276613823585</date>
 <value>180.0</value>
 <videoId>0</videoId>
 </result>
 <result>
 <date>1276613923383</date>
 <value>170.0</value>
 <videoId>0</videoId>
 </result>
 <result>
 <date>1276614556024</date>
 <value>210.0</value>
 <videoId>0</videoId>
 </result>
 <result>
 <date>1276628450502</date>
 <value>150.0</value>
 <videoId>104</videoId>
 </result>
 <result>
 <date>1276628667114</date>
 <value>180.0</value>
 <videoId>106</videoId>
 </result>
</results>
</data>

@Jason Villmer,
I believe the issue you're describing is http://bugs.adobe.com/jira/browse/SDK-26940.
There is a workaround listed in the bug report which should work (based on my testing), or you could probably set the direction and layoutDirection styles globally using a Style block.
Peter

3D Chart in Flex (X, Y & Z Axis)

Dear All,
I am working on Flex charting stuff.
I have to present many charts in 3D view (X-axis, Y-axis and Z-axis).
I read and searched about flex charting but didn't get anything about chart presentation in 3 axis plan.
Please help me by your thought OR idea about this.
Thank you.
Tejas Patel.

I got and tried this lines of code but not executed successfully.
What I had mistake here OR what missing?
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:fc="http://www.adobe.com/2006/fc width="600" height="600" >
<mx:Script>
<![CDATA[
[Bindable] public var place:Array = [
{country: "India", north: 85, west: 25, east:40},
{country: "USA", north: 53, west: 40, east:25},
{country: "UK", north: 45, west: 32, east:45},
{country: "Japan", north: 60, west: 25, east:39}
]]>
</mx:Script>
<mx:Style>
 @font-face{ src: url("assets/verdana.ttf"); fontFamily: myFont; }
 Column3DChart { fontFamily: myFont; fontSize: 10; }
 </mx:Style>
<fc:Column3DChart id="my3dchart" type="clustered" angleX="30" angleY="30" height="100%" width="100%" >
 <fc:horizontalAxis>
 <mx:CategoryAxis dataProvider="{place}" categoryField="country" />
 </fc:horizontalAxis>
 <fc:verticalAxis>
 <mx:LinearAxis minimum="0" maximum="70"/>
 </fc:verticalAxis>
 <fc:series>
 <mx:Array>
 <fc:Column3DSeries dataProvider="{place}" yField="north" displayName="North">
 <fc:fill>
 <mx:SolidColor color="#EEEE00"/>
 </fc:fill>
 </fc:Column3DSeries>
 <fc:Column3DSeries dataProvider="{place}" yField="west" displayName="West">
 <fc:fill>
 <mx:SolidColor color="#CCCCFF"/>
 </fc:fill>
 </fc:Column3DSeries>
 <fc:Column3DSeries dataProvider="{place}" yField="east" displayName="East">
 <fc:fill>
 <mx:SolidColor color="#CC9900"/>
 </fc:fill>
 </fc:Column3DSeries>
 </mx:Array>
 </fc:series>
 </fc:Column3DChart>
<mx:Legend dataProvider="{my3dchart}"/>
</mx:Application>

How to dynamically add new line series to the line chart in flex?

i need to add line series dynamically..and each line series should have a different data provider...

A chart can have only 1 dataProvider which in my case is an ArrayCollection.
The chart will update every time the dataProvider changes if you use binding.
So you have to write a function that periodically populates the ArrayCollection with data from the server and the chart will update automatically.
'Using line charts' tutorial from Adobe: http://livedocs.adobe.com/flex/3/html/charts_types_08.html#243339

Goal Line Chart in Flex

Hello All,
I'm creating a project that consists of flex chart componnents. However, client requires a goal line in the charts. I've googled allday on this and cant seem to find any samples. Is this even possible? If so, can you please lead me to the right direction.
Kinda like this example..but just have the goal line horizontal.
Jeff

Can you just take the min and max from the data source feeding your line chart, build a separate line chart with start and end corresponding to those two points and y-value corresponding to your goal, and add a second series to the chart? You may need to build a custom lineSegmentRenderer if you want a dashed line but a thin, low-alpha line may look fine.

Export charts in flex

Hi,
How to export column and bar chart data into csv file in flex.

If you are using custom fusion chart then see the link
Else if you are using flex charts itself try this.
Hope that helps you.

JSF gauges, charts

Guys,
What I need to do is to display a performance data for the server on the jsf page. Stuff like memory used, cpu usage, and so on. I want to use visual components like gauges or charts or something. Does anybody know of a component that will do that and where to get it? Your response is greatly appreciated.

I'm also trying to do chart graphics.
I haven't got anything working yet, but ChartCreator looks promising.
http://jsf-comp.sourceforge.net/components/chartcreator/index.html

How to add line series dynamically to a line chart in flex?

hi..i need to add line series dynamically to a line chart..depending on an array..the application is this..i have an array which stores the details of the users connected to an fmi server..the chart should display the bandwidth of each client..so the users should be added and removed from the chart dynamically...

Hi
1.I am giving you solution for dynamically adding values to the dropdown
public void addValue( ) //Method Name in Component controller
    //@@begin addValue()
          IWDNodeInfo nodeinfo = wdContext.nodeNodeTestData().getNodeInfo();// Node should be map to the view's Node
          IWDAttributeInfo att = nodeinfo.getAttribute("VechileTypes");// Attribute by which dropdown in bound//
          IModifiableSimpleValueSet svSet = att.getModifiableSimpleType().getSVServices().getModifiableSimpleValueSet();
          svSet.put(wdContext.currentNodeTestDataElement().getInpAtt(),wdContext.currentNodeTestDataElement().getInpAtt());
    //@@end
2.   wdThis.wdGetLangCompController().addValue(); // call this method in the point where u want to add values to the dropdown.

Gauge chart percentage wont do 100%

select PERCENT_COMPLETE value , 100 max_value from PROJSTAT.PERCENT_COMPLETE
(sqlplus shows this as: 100,100)
when I create a dial (percentage) graph it shows as 99%...
it should be 100%..
if I change it to 100,200 then it shows 50% which would be correct, so why doesnt it do 100% correct?

thought the xml might help:
<?xml version = "1.0" encoding="utf-8" standalone = "yes"?>
<anychart>
<gauges>
 <gauge>
 <chart_settings>
 <title text_align="Center" position="Top" >
 <text>Gauge Percent</text>
 
 </title>
 <chart_background>
 <fill type="Solid" color="0xffffff" opacity="0" />
 <border enabled="false"/>
 <corners type="Square"/>
 </chart_background>
 <data_plot_background>
 </data_plot_background>
 </chart_settings>
 <circular>
 <axis radius="37" start_angle="85" sweep_angle="190" size="3" >
 #SCALE_DATA#
 <scale_bar>
 <fill type="Solid" color="#292929" />
 </scale_bar>
 <major_tickmark enabled="true" align="Center" length="10" />
 <minor_tickmark enabled="false" length="8" />
 <labels enabled="true" align="Outside" padding="6" text_align="Near" rotation="0" >
 <format><![CDATA[{%Value}{numDecimals:0,decimalSeparator:.,thousandsSeparator:\,}%]]></format>
 
 </labels>
 <color_ranges>
 <color_range start="0" end="30" align="Inside" start_size="60" end_size="60" padding="6" color="Red">
 <border enabled="true" color="Black" opacity="0.4"/>
 <label enabled="true" align="Inside" padding="34">
 <format>Poor</format>
 <position valign="Center" halign="Center"/>
 
 </label>
 <fill opacity="0.6"/>
 </color_range>
 <color_range start="30" end="70" align="Inside" start_size="60" end_size="60" padding="6" color="Yellow">
 <border enabled="true" color="Black" opacity="0.4"/>
 <label enabled="true" align="Inside" padding="34">
 <format>Average</format>
 <position valign="Center" halign="Center"/>
 
 </label>
 <fill opacity="0.6"/>
 </color_range>
 <color_range start="70" end="100" align="Inside" start_size="60" end_size="60" padding="6" color="Green">
 <border enabled="true" color="Black" opacity="0.4"/>
 <label enabled="true" align="Inside" padding="34">
 <format>Good</format>
 <position valign="Center" halign="Center"/>
 
 </label>
 <fill opacity="0.6"/>
 </color_range>
 </color_ranges>
 </axis>
 <pointers>
#DATA#
 <tooltip enabled="true">
 <format><![CDATA[{%Name}{enabled:False} - {%Value}{numDecimals:0,decimalSeparator:.,thousandsSeparator:\,}]]></format>
 
 <position padding="10" />
 </tooltip >
 <label enabled="true" align="Outside" text_align="Near" >
 <format><![CDATA[{%Value}{numDecimals:0,decimalSeparator:.,thousandsSeparator:\,}]]></format>
 
 <position anchor="CenterTop" />
 </label>
 </pointer>
 </pointers>
 <frame type="Auto" />
 </circular>
 </gauge>
</gauges>
</anychart>Edited by: Merlin128 on Oct 14, 2010 3:58 PM

Angular Gauge chart in flex

Similar Messages

Maybe you are looking for