Improve your portal by inserting interactive 3D charts! Fascinate your visitors. It is only 15 minutes to convert your spreadsheet data into realtime 3D. Partower 3D web chart displays rotating bar-chart on a web page.
OVERVIEW
DOWNLOAD / BUY
DEVELOPERS
SAMPLES
Component installation guide:
First step: Export spreadsheet data in CSV format
Open your Excel or other spreadsheet document. Please find Excel
samples here
.
Click on "Save As" and select the CSV format ("Save as type:" in excel)
You can choose any delimiter but the default is semicolon (it is suggested)
Second step: Copy files
Copy the flash file (PatoChart3D.swf) under the website.
Copy the configuration file (PatoChartConfig.txt) into the same folder where the web page is.
Copy the CSV files under website. You can place them anywhere (for example you can create a ChartData folder)
Third step: Insert flash instance(s)
Insert following html script into the page where you want to display the chart(s):
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="349" id="PatoChart3D" align="middle"> <param name="movie" value="Flash/PatoChart3D.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#F8F6F0" /> <param name="wmode" value="window" /> <param name="scale" value="showall" /> <param name="devicefont" value="true" /> <param name="allowScriptAccess" value="sameDomain" /> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="Flash/PatoChart3D.swf" width="480" height="349"> <param name="movie" value="Flash/PatoChart3D.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#F8F6F0" /> <param name="wmode" value="window" /> <param name="scale" value="showall" /> <param name="devicefont" value="true" /> <param name="allowScriptAccess" value="sameDomain" /> <!--<![endif]--> <a href="http://www.adobe.com/go/getflash"> <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /> </a> <!--[if !IE]>--> </object> <!--<![endif]--> </object>
You can use any size so you can change the width and height values. But it is suggested to keep aspect ratio.
Suggested size values:
Width:
550
480
440
330
Height:
400
349
320
240
If you would like to insert more than one instance of flash chart then you have to copy the script more times.
You can attach different configuration settings (and datasource) to each single instane. To do this just change the inserted scripts this way:
Change value="Flash/PatoChart3D.swf" and data="Flash/PatoChart3D.swf" attributes
to value="Flash/PatoChart3D.swf
?instance=2
" and data="Flash/PatoChart3D.swf
?instance=2
" or you can use
instance=3
,
instance=4
, etc...
In configuration file you can place totally separate instance configurations.
Fourth step: Change configuration
Read
Configuration Guide [pdf - 88KB]
document.
i
Parsec Informatics 2012©