Search the Community

I have a problem with my Сharts in IE9. It works fine in FireFox, Chrome and IE10/11. I have those parameters in my graph: showValues="1" showLegend="1" rotateNames="1" formatNumberScale="1" decimals="1" decimalPrecision="1" limitsDecimalPrecision="0" divLineDecimalPrecision="1" formatNumber="1" chartTopMargin="15" numDivLines='0' yAxisMaxValue='1' FusionCharts version is 3.6.0. Thanks

I have created a line chart (trended data over time) that works as expected in all browsers except IE9 and IE10. In the chart config, I have type: "msline", width: "100%", height: "300", dataFormat: "json", and in most browsers it correctly sizes itself to the container element (which has a width of 691px set on it). However, in IE9 and IE10, it sets itself to the width of the browser window, ignoring several layers of parent elements with set widths. Since the chart starts at the correct place on the left, this means it extends far off the page to the right. For some reason, my manager isn't a fan of this look. You may be asking, "why don't you just set the width of the chart to 691 in the js?" Here's the thing: if I set the width to any non-percentage size, the chart renders at 512px wide. Every time. No matter if the size I set it to is larger or smaller; it just draws at 512. I will also say I have bar charts set up on another page and they look fine across all browsers.

When i try to export the chart in ie9 and ie10 the image what was generated not correctly. Thanks