FusionCharts v3 allows you to highlight selective data using a lot of ways. Here, we'll be discussing some of them including:

  • Highlighting a data set by changing its alpha
  • Using dashed border to highlight data
  • Using individual anchor properties on a line/area chart to highlight a data
  • Using individual color properties on a multi-series chart to highlight a single data

Let's see all of the above one by one.

 
Highlighting a data set by changing its alpha
Highlighting a data by changing its alpha is one of the simplest methods. Consider the XML below:
<chart>
   <set label='John' value='420' />
   <set label='Mary' value='295' alpha='50'/>
   <set label='Tom' value='523' />
</chart>
Here, we've set the alpha of second column to 50 (on a scale of 0-100). When you now see this chart, you'll see that the column is semi-transparent making it the focus point.
 
Using dashed border to highlight data
You can also highlight a data by setting it as dashed. Consider the XML below:
<chart>
    <set label='John' value='420' />
    <set label='Mary' value='295' dashed='1'/>
    <set label='Tom' value='523' />
</chart>
When applied on a column chart
When applied on a line chart
 
Using individual anchor properties on a line/area chart to highlight a data
FusionCharts v3 allows you to set individual <set> level anchor properties too. Consider the following XML:

<chart showValues='0'>
    <set label='John' value='420' />
    <set label='Mary' value='295' />
    <set label='Tom' value='523' anchorRadius='6' anchorSides='4' anchorBorderColor='0372AB' anchorBgColor='E1f5ff'/>
    <set label='Hary' value='323' />
</chart>

The above XML gives the following output on a line chart:
You can clearly see the highlighted anchor on the chart.
 
Using individual color properties on a multi-series chart to highlight a single data
FusionCharts v3 also allows you to specify <set> level color in a multi-series chart. Consider the XML below:
<chart>
    <categories>
        <category label="Product A" />
        <category label="Product B" />
    </categories>
    <dataset SeriesName="2005">
        <set value="324" />
        <set value="457" />
    </dataset>
    <dataset SeriesName="2006">
        <set value="456" />
        <set value="787" color='FF5904'/>
    </dataset>
    <dataset SeriesName="2007">
        <set value="557" />
        <set value="767" />
    </dataset>
</chart>
In the above code, we've a multi-series XML. We're highlighting a single <set> by setting its color explicitly. When you now see this chart, you'll get the following output: