How do I create linear gauge chart with two pointers?
FusionCharts Forum
Home       Members    Calendar    Who's On
Welcome Guest ( Login | Register )
        



How do I create linear gauge chart with two... Expand / Collapse
Author
Message
Posted 5/7/2007 6:40:22 PM
Forum Newbie

Forum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum Newbie

Group: Forum Members
Last Login: 5/10/2007 10:36:23 PM
Posts: 3, Visits: 13
How do I create linear gauge chart with two pointers?
Post #996
Posted 5/8/2007 9:00:06 AM
FusionCharts Team

FusionCharts TeamFusionCharts TeamFusionCharts TeamFusionCharts TeamFusionCharts TeamFusionCharts TeamFusionCharts TeamFusionCharts Team

Group: Administrators
Last Login: 2 days ago @ 7:57:52 PM
Posts: 1,956, Visits: 468
In your XML, create 2 <dial> elements - one representing each pointer.

Thanks,
Pallav Nadhani
FusionCharts Team
Post #999
Posted 5/8/2007 9:57:35 AM
Forum Newbie

Forum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum Newbie

Group: Forum Members
Last Login: 5/10/2007 10:36:23 PM
Posts: 3, Visits: 13
My original XML Looked like this

----------------------------------------------------------------------------------------------------

- <chart lowerLimit="1" upperLimit="5" numberSuffix="" showTickMarks="1" majorTMHeight="0" minorTMHeight="0" majorTMColor="666699" majorTMNumber="5" showTickValues="1" decimalPrecision="1" tickMarkGap="5" baseFontColor="666699" pointerSides="3" pointerRadius="16" pointerBGColor="D5D5E3" pointerBorderThickness="5" pointerBorderColor="666699" chartRightMargin="20" chartBottomMargin="0" realTimeValueFontSize="10">
- <colorRange>
 <color minValue='1' maxValue='2' code='ff8a01' />
 <color minValue='2' maxValue='3' code='fff701' />
 <color minValue='3' maxValue='4' code='ceec01' />
 <color minValue='4' maxValue='5' code='92d001' />
  </colorRange>
<value>4.6</value>
- <customObjects>
- <!--  Draw the gradiented rectangle and its shadow to cover up the linear gauge chart already drawn
  -->
- <!--  And also match the starting points of the rectangle with the linear chart for the tick marks to be in place
  -->
- <objectGroup xPos="0" yPos="0" showBelowChart="0">
  <object xpos="3" ypos="0" toxpos="238" toypos="18" type="rectangle" fillColor="333333" radius="0" />
  <object xpos="3" ypos="0" toxpos="237" toypos="17" type="rectangle" fillAsGradient="1" fillColor="ff8a01, fff701,ceec01,92d001" fillAlpha="100,100,100,100" fillRatio="20,20,25,35" radius="0" />
- <!-- Labels with their shadows
  -->
  </objectGroup>
  </customObjects>
  </chart>

------------------------------------------------------------------------------------------------

To the above I wanted to add one more pointer with value 4.0, so according to what you said, i have modified the above to :

----------------------------------------------------------------------------------------------------

- <chart lowerLimit="1" upperLimit="5" numberSuffix="" showTickMarks="1" majorTMHeight="0" minorTMHeight="0" majorTMColor="666699" majorTMNumber="5" showTickValues="1" decimalPrecision="1" tickMarkGap="5" baseFontColor="666699" pointerSides="3" pointerRadius="16" pointerBGColor="D5D5E3" pointerBorderThickness="5" pointerBorderColor="666699" chartRightMargin="20" chartBottomMargin="0" realTimeValueFontSize="10">
- <colorRange>
 <color minValue='1' maxValue='2' code='ff8a01' />
 <color minValue='2' maxValue='3' code='fff701' />
 <color minValue='3' maxValue='4' code='ceec01' />
 <color minValue='4' maxValue='5' code='92d001' />
  </colorRange>
<dials>
   <dial value='4.6' />
   <dial value='4.0' />
</dials>
- <customObjects>
- <!--  Draw the gradiented rectangle and its shadow to cover up the linear gauge chart already drawn
  -->
- <!--  And also match the starting points of the rectangle with the linear chart for the tick marks to be in place
  -->
- <objectGroup xPos="0" yPos="0" showBelowChart="0">
  <object xpos="3" ypos="0" toxpos="238" toypos="18" type="rectangle" fillColor="333333" radius="0" />
  <object xpos="3" ypos="0" toxpos="237" toypos="17" type="rectangle" fillAsGradient="1" fillColor="ff8a01, fff701,ceec01,92d001" fillAlpha="100,100,100,100" fillRatio="20,20,25,35" radius="0" />
- <!-- Labels with their shadows
  -->
  </objectGroup>
  </customObjects>
  </chart>

----------------------------------------------------------------------------------------------------

Now the chart looks like this

I have tried adding two <value>4.6</value><value>4.0</value>, but it shows only the later.

Post #1001
Posted 5/10/2007 1:13:42 PM
FusionCharts Team

FusionCharts TeamFusionCharts TeamFusionCharts TeamFusionCharts TeamFusionCharts TeamFusionCharts TeamFusionCharts TeamFusionCharts Team

Group: Administrators
Last Login: 2 days ago @ 7:57:52 PM
Posts: 1,956, Visits: 468
Oh - I'm sorry - the linear gauge doesn't support 2 pointers. I actually misconstructed it as angular gauge.

Thanks,
Pallav Nadhani
FusionCharts Team
Post #1011
« Prev Topic | Next Topic »


Permissions Expand / Collapse

All times are GMT -7:00, Time now is 5:15pm


Execution: 0.188.