FusionCharts - Vertical Zero Plane in charts with numeric x-axis
Showing only specific data values of a chart
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 profitChart = new FusionCharts({
type: 'scatter',
renderAt: 'chart-container',
id: 'myChart',
width: '500',
height: '350',
dataFormat: 'json',
dataSource: {
"chart": {
"caption": "Old Stock Clearance",
"subcaption": "Price Vs Profit",
"yaxisname": "Price (In USD)",
"xaxisname": "Profit (In %)",
"yaxismaxvalue": "1000",
"xnumbersuffix": "%",
"ynumberprefix": "$",
//attributes used to define x-axis limits
"xaxismaxvalue": "40",
"xaxisminvalue": "-20",
//Theme
"theme" : "fint"
},
"dataset": [
{
"drawline": "0",
"seriesname": "Televisions",
"color": "#6baa01",
"anchorsides": "3",
"anchorradius": "4",
"anchorbgcolor": "#6baa01",
"anchorbordercolor": "#6baa01",
"data": [
{
"id": "TV_1",
"x": "-9.89",
"y": "642"
},
{
"id": "TV_2",
"x": "21.59",
"y": "947"
},
{
"id": "TV_3",
"x": "-8.8",
"y": "433"
},
{
"id": "TV_4",
"x": "-10.88",
"y": "750"
},
{
"id":...