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. |