Hi,
We're using fusion chart in my project to render charts, we had a framework which uses angularJS.
Below is the code snippet that generated for fusion, outside it is other stuff generated by angularJS.
<div id="chartContainer1366943041034" context="widgetContext()" widget-info="widgetInfo()">
<span id="chartContainer1366943052501" style="position: relative; text-align: left; line-height: 100%; display: inline-block; zoom: 1; width: 100%; height: 276.8px; background-color: rgb(255, 255, 255);">
<svg height="277" version="1.1" width="1251" xmlns="http://www.w3.org/2000/svg" style="overflow: hidden; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; cursor: default; position: relative; background-color: rgb(255, 255, 255);">
as you see, the height attribute in span is fixed pixel, whenever I do window re-size I have noticed that the height won't change in both span and svg tag, when I re-size the width, the width in svg is changing according to my browser window which is working fine. I'm wondering is it controlled by fusion chart or by the parent?
javascript code:
FusionCharts.setCurrentRenderer('javascript'); var myChart = new FusionCharts( "Pie2D","myChartId", "100%", "100%", "0", "1"); myChart.setJSONData(jsondata2); myChart.render("chartContainer");
