FusionCharts ASP Class API > First Chart |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
To begin with, let's create a simple chart that will visually depict the Weekly Sales of a fictitious shop. The sample data we intend to plot can be tabularized as shown below: | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Let's see how to use FusionCharts ASP Class to plot this data into a column3D chart: | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
<%@LANGUAGE="VBSCRIPT"%> dim strParam ' Add chart values and category names %> <% </body> |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Let's analyze the steps involved in the above code:
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Here is the Column 3D chart that our FusionCharts ASP Class renders: | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
![]() |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Please go through FusionCharts ASP Class API Reference section to know more about the functions used in the above code. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
How to change chart width and chart height? | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
When we declare an object of FusionCharts ASP Class, we use initializing functions like setChartType, setSize etc. |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Call FC.setSize("450","350") | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
![]() |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
How to change chart type? | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
As we discussed above chart type is also specified using setChartType function, while declaring FusionCharts ASP Class object. Call FC.setChartType("Column3D") To make a Pie Chart for our Weekly Revenue data, we just need to provide Pie3D instead of Column3D to setChartType function. Call FC.setChartType("Pie3D") |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
![]() |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
To change chart type you can use any of the Chart Type names listed below : | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Please note that Chart Type Names - Line, MSLine and MSColumnLine3D from previous version are change to Line2D, MSLine2D and MSColumn3DLine (respectively). The old Names ares still applicable, though depricated. We recommned to use the new Names. |