<% 'We've included ../Includes/FusionCharts.asp, which contains functions 'to help us easily embed the charts. %> FusionCharts - Transparent chart

Creating Transparent chart

<% 'This page demonstrates how you can show transparent charts on a page 'For this example, all the charts use the pre-built TransparentData.xml (contained in /Data/ folder) 'However, you can very easily change the data source for any chart. 'IMPORTANT NOTE: Each chart necessarily needs to have a unique ID on the page. 'If you do not provide a unique Id, only the last chart might be visible. 'Here, we've used the ID chart1, chart2 and chart3 for the 3 charts on page. 'Set the chart mode opaque. This would affect all the charts 'Rendered after this decalration. Call SetTransparentChart(True) 'Create the chart - Column 3D Chart setting transparency to true Call renderChart("../../FusionCharts/Column3D.swf", "Data/Data_Transparent.xml", "", "chart1", 600, 300, false, true) %>

<% 'Now, create a Column 3D Chart again without transparency 'Set the chart mode opaque. This would affect all the charts 'Rendered after this decalration. Call SetTransparentChart(False) Call renderChart("../../FusionCharts/Column2D.swf", "Data/Data_Transparent.xml", "", "chart2", 600, 300, false, true) %>