cdcharts

Javascript Chart MSColumn2D Not Rendering as Expected

Recommended Posts

Fusion / Users,

 

I am rendering a Fusion Chart XT MSColumn2D with 1 set of data. It is a basic chart and I have removed the horizontal lines in the chart but I am receiving horizontal lines in black. There appears to be a line dropped every 5 increments. Can anyone explain why I am receiving horizontal lines and 1 dropping every 5? I would like to remove the lines altogether.

 

Please see the see screenshot for the example and the JSON.

 

Thank you for your help.

post-62701-0-98127300-1400545768_thumb.jpg

post-62701-0-66959800-1400545868_thumb.jpg

Share this post


Link to post
Share on other sites

Please let me add some more information. I would like to have the Y axis range from 0 to 25 with a 1 increment therefore showing 0,1, 2, 3, 4, 5, ... 25. Then I would like to have alternating back colors of gray so the user may see the values on the chart easier. At this point it feels like Fusion makes up it's own values on the Y axis and most of all why is the 5th line dropping out? Thanks for your help.

Share this post


Link to post
Share on other sites

The complete JSON is:

 

$("#serviceGraph").insertFusionCharts({
                swfUrl: "${request.contextPath}/js/charts/MSColumn2D.swf",
                renderer: "javascript",
                width: "1200",
                height: "800",
                dataFormat: "json",
                id: "myChartID",
                dataSource: {
                    "chart": {
                        "caption": "Test",
                        "showLegend": "0",
                        "showExportDataMenuItem": "1",
                        "rotateLabels": "1",
                        "useRoundEdges": "1",
                        "xAxisName": "",
                        "yAxisName": "PERCENTAGE",
                        "yAxisMinValue": "0",
                        "yAxisMaxValue": "25",
                        "yAxisValuesStep": "0",
                        "showYAxisValues": "1",
                        "divLineIsDashed": "1",
                        "numDivLines": "24",
                        "alternateHGridAlpha": "0",
                        "divLineThickness": "5",
                        "showAlternateHGridColor": "0",
                        "decimals": "1",
                        "showValues": "0",
                        "numberSuffix": "%",
                        "numberPrefix": "",
                        "legendBorderAlpha": "100",
                        "showBorder": "2",
                        "bgColor": "FFFFFF,FFFFFF",
                        "borderThickness": "2",
                        "showPlotBorder": "1",
                        "canvasBorderColor": "8A8A8A",
                        "canvasBorderThickness": "2",
                        "canvasBorderAlpha": "100",
                        "legendShadow": "0",
                        "plotFillAlpha": "100",
                        "plotGradientColor": ""
                    },
                    "categories": JSON.parse(loadLabels()),
                    "dataset": [
                        {
                            "seriesname": "testSeries",
                            "color": "E60000",
                            "data": JSON.parse(loadValues())
                        }
                    ]
                }
            });

Share this post


Link to post
Share on other sites

Please keep in mind I changed the JSON a little to debug the graph. I added thick dashed div lines across the graph in a gray color. This shows the division lines and the solid black horizontal lines are still loading. I am not sure where they are coming from in the graph or how to turn them off.

Share this post


Link to post
Share on other sites

I have done more testing on this. If I change the "numDivLines": property to a number below 15 the black horizontal lines disappear. If the number is increased to 15 or above then the black lines return and it doesn't appear I can control them. Can someone give me an idea of what to set / remove to get rid of the horizontal black lines? Thank you for your help.

Share this post


Link to post
Share on other sites

Hi,

 

If you wish to remove all the divisional lines, please set numDivLines to 0 and set showLimits to 0.

 

If you wish to display from 0 to 25 on the y axis with an incremental value of 1, then set numDivLines to 24, divLineAlpha to 0.

 

If you wish to see the alternate horizontal grid, then set showAlternateHGridColor to 1 and alternateHGridAlpha to 100.

 

Please see attachments.

 

Hope this helps!

post-62559-0-65842500-1400657080_thumb.png

post-62559-0-64278800-1400657100_thumb.png

post-62559-0-13091500-1400657122_thumb.png

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now