forum post

Created using FusionCharts Suite XT - www.fusioncharts.com

by Moonmi 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>
<!-- Div lines break up the y-axis into smaller units helping in better visual data interpretation. Attributes : 1. divlineAlpha 2. divlineColor 3. divlineThickness 4. divLineIsDashed 5. divLineDashLen 6. divLineGapLen Note: All the above attributes are defined in 'fint' theme file, which the chart in this fiddle uses. Only divLineIsDashed and divlineAlpha attributes are overwritten to make the divlines more prominent. -->
<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function () {
    var vstrChart = new FusionCharts({
        type: 'line',
        renderAt: 'chart-container',
        width: '450',
        height: '300',
        dataFormat: 'json',
        dataSource: {
            "chart": {
                "caption": "VAMI",
                    "subcaption": "",
                    "captionpadding": "15",
                    "showAlternateHGridColor": "1",
                    "alternateHGridColor": "#99ccff",
                    "alternateHGridAlpha": "30",
                    "xaxisname": "Performance Period",
                    "yaxisname": "VAMI",
                    "showvalues": "0",
                    "showlabels": "1",
                    "showplotborder": "0",
                    "bordercolor": "DDDDDD",
                    "borderthickness": "0",
                    "canvasborderthickness": "1",
                    "canvasbordercolor": "DDDDDD",
                    "chartleftmargin": "10",
                    "chartrightmargin": "10",
                    "charttopmargin": "10",
                    "chartbottommargin": "40",
                    "showlegend": "1",
                    "legendborderthickness": "1",
                    "legendbordercolor": "DDDDDD",
                    "legendshadow": "0",
                    "legendallowdrag": "0",
                    "legendbgcolor": "FFFFFF",
                    "legendposition": "BOTTOM",
                    "dateformat": "yyyy-mm-dd",
                    "outputdateformat": "dd/mm/yyyy",
                    "numberscalevalue": "1000,1000",
                    "numberscaleunit": "Bn,Tn",
                    "showpercentagevalues": "0",
                    "alternatehgridcolor": "F1F1F1",
                    "divlinecolor": "DDDDDD",
                    "vdivlinecolor": "DDDDDD",
                    "vdivlinethickness": "1",
                    "vdivlinedashed": "1",
                    "hdivlinedashed": "0",
                    "numvdivlines":...