FusionCharts - Connecting scatter plots in Scatter Chart
Created using FusionCharts Suite XT - www.fusioncharts.com
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>
<!-- Connecting scatter plots by a line in Scatter chart or XY plot chart. This sample shows how temperature affects the sales revenue of Beer and Ice Cream.
Attribute: # drawLine for <dataset> node.
-->
<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": {
"caption": "",
"yaxisname": "",
"xaxisname": "",
"chartpalette": "2",
"bgalpha": "0",
"border": "0",
"numdivlines": "0",
"rotatelabels": "0",
"borderalpha": "0",
"showlegend": "1",
"xaxismaxvalue": "10",
"xaxisminvalue": "0",
"showlabels": "1",
"decimals": "0",
"plotbordercolor": "B8B8B8",
"formatnumberscale": "0",
"drawquadrant": "1",
"ynumberprefix": "$",
"showvalues": "1"
},
"categories": [
{
"verticallinecolor": "666666",
"verticallinethickness": "1",
"category": [
{
"label": "0",
"x": "5",
"showverticalline": "1"
},
{
"label": "1",
"x": "10",
"showverticalline": "1"
},
{
"label": "2",
"x": "15",
"showverticalline": "1"
},
{
"label": "3",
"x": "20",
"showverticalline": "1"
},
{
"label": "4",
"x": "25",
"showverticalline": "1"
},
{
"label": "5",
"x": "30",
"showverticalline": "1"
},
{
"label": "6",
"x": "35",
"showverticalline": "1"
},
{
"label": "7",
"x": "40",
"showverticalline": "1"
},
{
"label": "8",
"x": "45",
"showverticalline": "1"
},
{
"label": "9",
"x": "50",
"showverticalline": "1"
},
{
"label": "10",
"x": "55",
"showverticalline": "1"
}
]
}
],
"dataset": [
{
"seriesname":...