LIne Chart XML with Trend LIne-247496

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>
<!-- Configuring border and background cosmetics of labels for vertical line. chart attribute # showVLineLabelBorder - set to 0 vline attribute # showLabelBorder - set to 0 Deviation from theme: # showValues - Set to 0 -->
<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function () {
    var visitChart = new FusionCharts({
        type: 'line',
        renderAt: 'chart-container',
        width: '500',
        height: '300',
        dataFormat: 'xml',
        dataSource: '<chart caption="Temperature Monitoring (in degree C) on on 7/9/2013" xaxisname="Time" yaxismaxvalue="100" linecolor="008ee4" anchorsides="3" anchorradius="5" plotgradientcolor=" " bgcolor="FFFFFF" showalternatehgridcolor="0" showplotborder="0" showvalues="0" divlinecolor="666666" showcanvasborder="0" canvasborderalpha="0" showborder="0">\
<set label="0" value="34" />\
<set label="3" value="27" />\
<set label="6" value="42" />\
<set label="9" value="50" />\
<set label="12" value="68" />\
<set label="15" value="56"/>\
<set label="18" value="48" />\
<set label="21" value="34" />\
<set label="24" value="30" />\
<trendlines>\
<line startvalue="20" endvalue="40" displayvalue="Critical" color="008ee4" istrendzone="1" showontop="0" alpha="35" valueonright="1" />\
<line startvalue="60" endvalue="80" displayvalue="Warning" color="33bdda" istrendzone="1" showontop="0" alpha="35" valueonright="1" />\
</trendlines>\
</chart>'
    }).render();

});