Horizontal Bullet Graph -coloring
FusionCharts Forum
Home       Members    Calendar    Who's On
Welcome Guest ( Login | Register )
        



Horizontal Bullet Graph -coloring Expand / Collapse
Author
Message
Posted 10/5/2007 3:55:32 PM
Forum Newbie

Forum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum Newbie

Group: Forum Members
Last Login: 12/6/2007 3:03:36 PM
Posts: 1, Visits: 2
Hi,
the bullet graph is almost black and white or grey shades
is there a way to i can create three different colors in xml..

currently the xml looks like this :
<chart palette="1" lowerLimit="0" upperLimit="300" canvasLeftMargin="120" caption="Revenue" subcaption="US $ (1,000s)" showBorder="0">
<colorRange>
<color minValue="0" maxValue="150"/>
<color minValue="150" maxValue="220"/>
<color minValue="220" maxValue="300"/>
</colorRange>
<value>260</value>
<target>250</target>
</chart>

Please help
gilligans
Post #2621
Posted 10/9/2007 6:19:24 AM
FusionCharts Team

FusionCharts TeamFusionCharts TeamFusionCharts TeamFusionCharts TeamFusionCharts TeamFusionCharts TeamFusionCharts TeamFusionCharts Team

Group: Administrators
Last Login: 7/29/2008 12:15:49 PM
Posts: 2,001, Visits: 474
You can set your own colors or palettes as explained at http://www.fusioncharts.com/gadgets/docs/Contents/BulletConfig.html

Thanks,
Pallav Nadhani
FusionCharts Team
Post #2643
Posted 11/8/2007 10:27:20 AM
Forum Newbie

Forum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum Newbie

Group: Forum Members
Last Login: 4/8/2008 1:58:05 PM
Posts: 4, Visits: 11
var b2myChart10 = new FusionCharts('files/FusionCharts/HBullet.swf', 'b2myChart10', '100', '20', '0', '0');
b2myChart10.setDataXML("
<chart pallette='1' plotFillColor='00FF00' setAdaptiveYMin='0' showPlotBorder='0' showTickValues='0' lowerLimit='0' upperLimit='100' showBorder='0' showTickMarks='0' bgColor='FFFFFF'>
<colorRange>
<color minValue='0' maxValue='54.4444444444' color='FF0000' />
<color minValue='54.4444444444' maxValue='77.7777777778' color='00FF00' />
<color minValue='77.7777777778' maxValue='100' color='0000FF' />
</colorRange>
<value>
0
</value>
</chart>
"); b2myChart10.render('bchart10');

Above is my code and I expected a red band, green band, and a blue band - yet I get the standard grey bands.

I don't think specifying the colors in colorrange works.

Do you agree with my expectation?



  Post Attachments 
untitled.jpg (4 views, 2.28 KB)
Post #2994
Posted 11/12/2007 4:07:29 AM
FusionCharts Team

FusionCharts TeamFusionCharts TeamFusionCharts TeamFusionCharts TeamFusionCharts TeamFusionCharts TeamFusionCharts TeamFusionCharts Team

Group: Administrators
Last Login: 7/29/2008 12:15:49 PM
Posts: 2,001, Visits: 474
Instead of color attribute, please use the code attribute as under:

<chart pallette='1' plotFillColor='00FF00' setAdaptiveYMin='0' showPlotBorder='0' showTickValues='0' lowerLimit='0' upperLimit='100' showBorder='0' showTickMarks='0' bgColor='FFFFFF'>
<colorRange>
<color minValue='0' maxValue='54.4444444444' code='FF0000' />
<color minValue='54.4444444444' maxValue='77.7777777778' code='00FF00' />
<color minValue='77.7777777778' maxValue='100' code='0000FF' />
</colorRange>
<value>0</value>
</chart>


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


Permissions Expand / Collapse

All times are GMT -7:00, Time now is 7:18am


Execution: 0.250.