FusionCharts - Scatter Chart with regression line accepting string coordinates
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>
<div id="chart-container">FusionCharts will render here</div>
JavaScript
FusionCharts.ready(function () {
var tempVsSalesChart = new FusionCharts({
type: 'scatter',
renderAt: 'chart-container',
width: '650',
height: '350',
dataFormat: 'json',
dataSource: {
"chart": {
"xnumbersuffix": "-Aug",
},
"categories": [{
"category": [{
"x": "14",
"label": "14-Aug",
"showverticalline": "0"
}, {
"x": "15",
"label": "15-Aug",
"showverticalline": "1"
}, {
"x": "16",
"label": "16-Aug",
"showverticalline": "1"
}, {
"x": "17",
"label": "17-Aug",
"showverticalline": "1"
}, {
"x": "18",
"label": "18-Aug",
"showverticalline": "1"
}, {
"x": "19",
"label": "19-Aug",
"showverticalline": "1"
}]
}],
"dataset": [{
"seriesname": "CAT1",
"showregressionline": "1",
"data": [{
"x": "14",
"y": "23"
}, {
"x": "15",
"y": "215"
}, {
"x": "16",
"y": "54"
}, {
"x": "17",
"y": "42"
}]
}, {
"seriesname": "CAT2",
"showregressionline": "1",
"data": [{
"x": "14",
"y": "34"
}, {
"x": "15",
...