Search the Community

Hello - Have been using FusionChart eval version to play with the scatterplot to display a set of points. Everything works and looks great, chart visualization is very cool! Set the x-axis at particular intervals has been a challenge, i.e., want to display 0.0001, 0.001, 0.01, 0.1, 1 and 10 but displays only 0.0001, 1 and 10. Am using the 'categories' but doesn't seem to be working as expected, or I may have missed something. Could you please look at the function below and suggest any changes. As you can notice in the attached image, data coming from the JSON string has values spread across from 0.0001 through 4+. Thanks in advance. function buildScatterplot(scatterplotData) { console.log("building scatterplot") console.log(scatterplotData) var jsonData = JSON.parse(scatterplotData) var pchartData = document.getElementById('pscatterchartHidden').value; var percentileChart = new FusionCharts({ type: 'scatter', width: '640', height: '480', 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": "100", "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": "0.01", "showverticalline": "1" }, { "x": "0.1", "label": "0.1", "showverticalline": "1" }, { "x": "1", "label": "1", "showverticalline": "1" }, { "x": "10", "label": "10", "showverticalline": "1" }] }], "dataset": [ { "color": "#D77D00", "anchorsides": "4", "anchorradius": "6", "anchorbgcolor": "#D77D00", "anchorbordercolor": "#D77D00", "decimals": "5", //"data": [<%= pDataChart%>] 'data': jsonData } ] } }); percentileChart.render("scatterplotContainer"); };