reverse legends
Created using FusionCharts Suite XT - www.fusioncharts.com
by Nabajeet Sonowal
HTML
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.charts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/themes/fusioncharts.theme.fint.js"></script>
<!-- Customizing Legend font cosmetics. Attributes: # legendItemFont # legendItemFontSize # legendItemFontColor # legendItemFontBold # legendItemHoverFontColor # legendCaptionFont # legendCaptionFontSize # legendCaptionFontColor # legendCaptionAlignment # legendCaptionBold Legend items font hover color # legendItemHiddenColor" -->
<div id="chart-container">FusionCharts will render here</div>
JavaScript
FusionCharts.ready(function () {
var revenueChart = new FusionCharts({
type: 'msarea',
renderAt: 'chart-container',
width: '700',
height: '350',
dataFormat: 'json',
dataSource: {
"chart": {
"palette": "2",
"caption": "",
"subcaption": "subcaption_costs",
"showvalues": "0",
"divlinedecimalprecision": "1",
"limitsdecimalprecision": "1",
"pyaxisname": "Amount",
"syaxisname": "Quantity",
"numberprefix": "",
"numbersuffix": " EUR",
"formatnumberscale": "0",
"areaovercolumns": "0",
"legendiconscale": "4",
"showBorder": "0",
"bgColor": "#ffffff",
"bgAlpha": "0",
"reverseLegend":"1"
},
"categories": [{
"category": [{
"label": "21/06/2014"
}, {
"label": "31/07/2014"
}, {
"label": "01/08/2014"
}, {
"label": "01/09/2014"
}, {
"label": "01/10/2014"
}, {
"label": "01/11/2014"
}, {
"label": "01/12/2014"
}, {
"label": "01/01/2015"
}, {
"label": "01/02/2015"
}, {
"label": "01/03/2015"
}, {
"label": "01/04/2015"
}]
}],
"dataset": [{
"seriesname": "AMD #2",
"alpha": "100",
"data": [{
"value": "0"
}, {
"value": "0"
...