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>
<!--
In charts with numeric x-axis (XY Plot or Scatter, Bubble), you can display Vertical Zero Plane in a chart.
Attributes:
# showVZeroPlane
# vZeroPlaneColor
# vZeroPlaneAlpha
# vZeroPlaneThickness
-->
<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: '500000',
height: '350',
dataFormat: 'json',
dataSource: {
"chart": {
"caption": "Percentile Distribution by Scenario",
"subcaption": "",
"showBorder": "0",
"bgcolor": "#ffffff",
"yaxisname": "Percentile (%)",
"xaxisname": "PEC (µg/L)",
"captionFontSize": "16",
"baseFontColor": "#333333",
"baseFont": "Trebuchet MS",
"anchorBgColor": "#FF0000",
"showHoverEffect": "1",
"showaxislines": "1",
"showXAxisLine": "1",
// "xaxisminvalue": "0",
"xaxismaxvalue": "10",
"yaxisminvalue": "0",
"yaxismaxvalue": "10",
"showDivLineValues": "1",
"anchorradius": "2",
"rotateYAxisName": "1",
"decimals": "5",
"plotTooltext": "<div id='valueDiv'>Percentile: $yDataValue, PEC: $xDataValue</div>"
},
"categories": [{
"category": [{
"x": "0.0001",
"label": "0.0001",
"showverticalline": "1",
}, {
"x": "0.001",
"label": "0.001",
"showverticalline": "1"
}, {
"x": "0.01",
"label":...