FusionCharts - Vertical Zero Plane in charts with numeric x-axis
Showing only specific data values of a chart
HTML
<script src="https://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="https://static.fusioncharts.com/code/latest/fusioncharts.zoomscatter.js"></script>
<div id="chartContainer">FusionCharts will render here</div>
JavaScript
FusionCharts.ready(function() {
var selectivityChart = new FusionCharts({
type: 'zoomscatter',
renderAt: 'chartContainer',
width: 600,
height: 400,
dataFormat: 'json',
dataSource: {
"chart": {
"caption": "Selectivity and Returns of majors",
"subcaption": "in higher education",
"yaxisname": "20 year average-annual return on degree, %",
"xaxisname": "Admission rate, %",
"anchorBgColor": "#FF0000",
"yaxismaxvalue": "25",
"showzeroplane": "0",
"yaxisminvalue": "-15",
"anchorradius": "2",
"plotTooltext": "<div id='valueDiv'><b>$seriesName</b>, Admission rate % : <b>$xDataValue</b>, Return % : <b>$yDataValue</b></div>",
"showRegressionLine": "1"
},
"dataset": [{
"seriesname": "Major A",
"anchorBgColor": "#addef7",
"anchorBordercolor": "#17a1e8",
"anchorBorderThickness": "1",
"data": [{
"y": 14.42,
"x": 18.88
}]
}]
}
});
selectivityChart.render();
});