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"); };

When a regression line is turned on for a scatterplot, the yAxisMinValue is not respected. Here's one where yAxisMinValue is not respected. The resulting javascript graph will have the y axis go into negative numbers. <chart showValues='0' yAxisName='Failing Rate' xAxisName='% of Students Who Logged in' outCnvbaseFontWeight='normal' showAlternateHGridColor='0' vDivlineColor='#efefef' divLineColor='#efefef' showShadow='0' showRegressionLine='1' regressionLineThickness='1' regressionLineColor='#c0c0c0' lineAlpha='50' showLegend='0' bgColor='ffffff' yAxisMinValue='0' xAxisMinValue='0' showBorder='0' canvasPadding='0' canvasBorderThickness='5' canvasBorderColor='efefef' animation='0' verticalLineColor='#f5f5f5'> <dataset seriesName='0' anchorRadius='3' anchorBorderThickness='6' anchorSides='10'> <set label='10000000005789417' y='0' x='16.7' /> <set label='10000000005789421' y='20' x='33.3' /> </dataset> <dataset seriesName='1' anchorRadius='3' anchorBorderThickness='6' anchorSides='10'> <set label='10000000005789421' y='0' x='33.3' /> </dataset> </chart> Switch showRegressionLine to 0, and it goes to 0. Odd, because the regression line itself doesn't even extend past 0.

I'm attempting to allow Fusion Charts to create vertical lines naturally on my xy charts. The documentation makes it seem like all vertical lines have to be defined using the category element. <categories verticalLineColor='666666' verticalLineThickness='1'> <category label='20' x='20' showVerticalLine='1'/> <category label='30' x='30' showVerticalLine='1'/> </categories> But that can be cumbersome when you have graphs of different sizes and x-axis values. So I instead left out the categories element all together, and found that Fusion Charts does do a nice job of just auto creating these vertical lines at intelligent levels. However, because I've done it this way, it seems I have no way of setting the color of the vertical lines, which were set using the categories element. I've tried setting the verticalLineColor attribute in the parent element (no luck) and tried creating the category element with the appropriate attributes and no children (creates no lines). Any way I can have Fusion Charts auto-create the vertical lines and specify their color? Thanks, Jeremy