Rorvis

Sorry for the late response, just letting you know that this worked. I did not receive an alert that someone had answered, so just getting back to this this week. Thanks, Rory

I am using LinkedCharts with all data embedded in the same XML file. Everything is working well in terms of the drilldown into the data. However, I want all charts to be Transparent. The parent chart is Transparent, but this does not carry through to the Child chart. HTML Code: <div id='chartContainer6'> <script type="text/javascript"><!-- FusionCharts.setCurrentRenderer('javascript'); var myChart = new FusionCharts( "FusionCharts/MSColumn2D.swf", "myChartId4", "500", "350", "0" ); myChart.setTransparent(true); myChart.setXMLUrl("data/ra_drilldown_test.xml"); myChart.render("chartContainer6"); // This is properly setting the Back button properties FusionCharts("myChartId4").configureLink ( { overlayButton: { message: 'Back', fontColor : 'AFD8F8', bgColor:'005293' } }, 0); // --> </script> </div> XML code (snippets): <chart caption='Current Weight Allocations' showLabels='1' showvalues='0' decimals='2' numberSuffix='%' borderThickness="0" canvasBgAlpha='0' legendBgAlpha='20' bgAlpha='0' outCnvBaseFontColor='AFD8F8' useRoundEdges="1"> For each child set of data within the same XML file, I have the same parameters as above. It appears that the new Chart is not rendered with the setTransparency option set to True. Is there a way to pass this value from Parent to Child, or perhaps set it in the XML or the configureLink method? Thanks, Rory

Thank you Haritha, I was successful in getting the SVG code using your suggestion. Thank you for the quick response. I was able to then use that code to create a static version of my Chart in a Canvas. It is missing the bars to the chart, and of course loses the interactivity, but this did answer my question. I'll update if we run into further problems. Right now, I suspect using FusionCharts in this way may not be the answer to our needs. Thank you, Rory

Hi folks, In our ideal world, we would like to have FusionCharts show up in an HTML5 Canvas element of our page. However, I understand that everything in the Canvas element must be drawn on the Context as an SVG. Although FusionCharts is an SVG, it is wrapped in a Span element. Additionally, to use the Canvas element, you must get a context. You draw to this context. Typical Canvas-related code: var example = document.getElementById('example'); // canvas id = 'example' var context = example.getContext('2d'); // Getting the Context for the Canvas context.fillStyle = 'red'; context.fillRect(30, 30, 50, 50); You can then draw on the Canvas using the Context as above. Whereas, we usually render FC as follows: var myChart = new FusionCharts( "FusionCharts/Column3D", "myChartId", "400", "300", "0", "1" ); myChart.setXMLUrl("Data.xml"); myChart.render("example"); // But you cannot render to a Canvas element Is it possible to get a FusionChart to show up as a pure SVG, or otherwise workaround this? I have tried tricking the system, but no luck so far. Ironically, the Javascript version of FusionCharts is referred to as both the Canvas and the HTML5 version, but I am having trouble getting it to work within those bounds. Thanks, Rory (We own licensed versions of FusionCharts Suite XT)