russ Report post Posted December 16, 2014 Hello, This is a 2D stacked bar chart. I'm really struggling to identify the attribute for the grey vertical line and the small horizontal line underneath in the highlighted area below. I'm guessing it's an axis line, I would like to make the both go away. Is that possible? thanks in advance Russ Share this post Link to post Share on other sites
russ Report post Posted December 16, 2014 I've managed to isolate the svg generating the content, setting the stroke width on both of these lines to zero removes them from the chart. So I'm still thinking they are related to an axis property Share this post Link to post Share on other sites
russ Report post Posted December 16, 2014 This may be as a result of using StackedBar2D.swf. I downloaded the latest fusion trial and changed the method to below and bingo, no axis lines var barChart = new FusionCharts({ type:'stackedbar2d', renderAt: 'chart-container', width: '500', height: '300', dataFormat: 'json', dataSource: { "chart": { ..... Share this post Link to post Share on other sites
russ Report post Posted December 16, 2014 Okay, I think I have worked this out. My application is using version 3.3.1 of fusion charts. It seems to be that the difference between this version and the latest version is that divLineAlpha = 0 makes the axis line go away on the latest version. On 3.3.1 the axis line remains. I cannot find another property that removes the axis line in 3.3.1 - does one exist? "chart": { "caption": "Company Revenue", "xaxisname": "Month", "yaxisname": "Revenue", "showvalues": "0", "canvasBorderAlpha" : "0", "divLineAlpha" : "0", "numberprefix": "$" }, "categories": [ { "category": [ { "label": "Jan" }, { "label": "Feb" }, { "label": "Mar" }, { "label": "Apr" }, { "label": "May" }, { "label": "Jun" }, { "label": "Jul" }, { "label": "Aug" }, { "label": "Sep" }, { "label": "Oct" }, { "label": "Nov" }, { "label": "Dec" } ] } ], "dataset": [ { "seriesname": "Product A", "data": [ { "value": "27400" }, { "value": "29800" }, { "value": "25800" }, { "value": "26800" }, { "value": "29600" }, { "value": "32600" }, { "value": "31800" }, { "value": "36700" }, { "value": "29700" }, { "value": "31900" }, { "value": "34800" }, { "value": "24800" } ] }, { "seriesname": "Product B", "data": [ { "value": "10000" }, { "value": "11500" }, { "value": "12500" }, { "value": "15000" }, { "value": "11000" }, { "value": "9800" }, { "value": "11800" }, { "value": "19700" }, { "value": "21700" }, { "value": "21900" }, { "value": "22900" }, { "value": "20800" } ] } ], "trendlines": [ { "line": [ { "startvalue": "42000", "color": "91C728", "displayvalue": "Target", "showontop": "1" } ] } ] } 331 Same properties using the latest version Share this post Link to post Share on other sites
Nabajeet Report post Posted December 17, 2014 Hi, Please use the statement FusionCharts.setCurrentRenderer("javavscript") if you want to display the chart like the latest JavaScript Version. You also need to replace chart type StackedBar2D.swf to StackedBar2D. We have tried to replicate your issue in our side, but the axis line you are stating don't appear in our side in version fusioncharts/3.3.1-sr3. Please refer to 1st image. Moreover the divLineAlpha attribute you have stated controls the transparency of the vertical line as highlighted in the 2nd image attached. You can remove these vertical lines setting divLineAlpha to 0 or numDivLines to 0 Share this post Link to post Share on other sites
russ Report post Posted December 17, 2014 Hey - thanks for the response. I am setting the renderer to javascript already. This is how the chart is created: var barChart = new FusionCharts("../../FusionCharts/StackedBar2D.swf", "attendanceChart", container_element_width, "60", "0"); If I change StackedBar2D.swf to StackedBar2D I get a javascript error (this.FusionCharts is undefined). It's definately rendering using javascript - the source code is all svg (not flash) Share this post Link to post Share on other sites
