pmb88

Change scatter chart color

Recommended Posts

I am using a scatter chart. I want to change a color of each point in the data set. The only post that I find referring to this was this http://forum.fusioncharts.com/topic/4812-scatter-chart-questions-how-to-change-the-anchor-colors-automatically/ from a few years ago and that mentioned that you can not change a color for the individual data point and can only be set for the entire data set. Is it possible now to change the color of a <set> item in the data set?

Share this post


Link to post
Share on other sites

Hey,

 

Welcome to FusionCharts forum post.

 

Using the latest version of FusionCharts Suite, it is possible to specify the color of individual data point through set element.

 

The same attributes "color",  "anchorBgColor", "anchorBorderColor" can be used within set elements.

 

Hope this helps.

Share this post


Link to post
Share on other sites

The problem is that i already doing that and the color is not changing. It is still transparent.  Is there something wrong in my build up. Here is the xml code I am building:

 

<chart caption="Event ROI, Lift and Incremental Volume" subcaption="Circle Size = Incremental Volume" xaxisminvalue="-51.84" xaxismaxvalue="70.96" yaxisminvalue="0" yaxismaxvalue="315.00" plotfillalpha="70" plotfillhovercolor="#6baa01" showplotborder="0" xaxisname="Return on Investment (ROI)" yaxisname="% Lift" showvalues="1" anchorRadius="12" theme="fint">
<categories>
    <category label="-51.84%" x="-51.84" showverticalline="1" />
    <category label="-10.84%" x="-10.84" showverticalline="1" />
    <category label="30.16%" x="30.16" showverticalline="1" />
</categories>
<dataset>
    <set anchorBorderColor="#CC33FF" anchorBgColor="#CC33FF" color="#CC33FF" x="27.23" y="215.00" displayValue="P1 July 4 2/$5 Scan" toolText="PD Laydown Bag{br}7/5/2014{br}ROI: 27.23{br}Lift: 215" />
    <set anchorBorderColor="#FF3300" anchorBgColor="#FF3300" color="#FF3300" x="40.96" y="104.00" displayValue="P2 June 28 F&D Scan" toolText="PB Laydown Bag{br}6/28/2014{br}ROI: 40.96{br}Lift: 104" />
    <set anchorBorderColor="#FFFF00" anchorBgColor="#FFFF00" color="#FFFF00" x="-21.84" y="114.00" displayValue="P3 June Scan Rite Aid" toolText="PC Laydown Bag{br}6/28/2014{br}ROI: -21.84{br}Lift: 114" />
</dataset>
</chart>

 

Which versions of FusionCharts can set the color? The version i am using is 3.3.1 (xt).

Share this post


Link to post
Share on other sites

Hi,

 

The latest version of FusionCharts i.e Version 3.4.0 supports the possibility of specifying the color of individual data point through set element. 

 

We suggest you to upgrade to the latest version of FusionCharts 3.4 and avail the possibilities.

 

With the provided data the below fiddle has been created where the individual data points are colored.

http://jsfiddle.net/moonmi/m3rd8ste/

 

Thanks.

Share this post


Link to post
Share on other sites

 

The same attributes "color",  "anchorBgColor", "anchorBorderColor" can be used within set elements.

 

Hope this helps.

thanks for the information. I am  new to the term and my main intensiuon being a part of this forum is learning each single thing about the chart. Thank you so much again

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now