Search the Community
Showing results for tags 'Canvas'.
Found 2 results
-
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)
-
Animation And Slicing On Pyramid Chart Javascript
bmcwhorter posted a topic in FusionCharts and ASP.NET
Hey, The pyramid chart animates and slices in flash just fine. But I am not getting the same behavior in javascript. Is this intentional? Do the pyramid charts in javascript support animation? I am having trouble finding the documentation for the pyramid or funnel chart. Thanks, Ben