Visualization API

API's to create Charts

Column

The syntax to create a column chart is given below:

Charts.ColumnChart column= new Charts.ColumnChart("Chart_Id");COPY

Column 3D

column.ThreeD = true; COPY

Overlapped

column.Overlapped = true;COPY

Scroll

column.Scrollable = true;COPY

Bar

The syntax to create a bar chart is given below:

Charts.BarChart bar= new Charts.BarChart("Chart_Id");COPY

Bar 3D

bar.ThreeD = true; COPY

Overlapped

bar.Overlapped = true;COPY

Line

The syntax to create a line chart is given below:

Charts.LineChart line = new Charts.LineChart("Chart_Id");COPY

Scroll

line.Scrollable = true;COPY

Spline

The syntax to create a spline chart is given below:

Charts.SplineChart spline = new Charts.SplineChart("Chart_Id");COPY

Area

The syntax to create a area chart is given below:

Charts.AreaChart area = new Charts.AreaChart("Chart_Id");COPY

Stacked

The available stacked charts are:

• Bar
• Column
• Area

The syntax to create a stacked chart is given below:

Charts.StackedChart stack = new Charts.StackedChart("Chart_Id");COPY

Stack Type

stack.StackType = Charts.StackedChart.StackChartType.BAR; //Stacked Bar
stack.StackType = Charts.StackedChart.StackChartType.COLUMN; //Stacked Column
stack.StackType = Charts.StackedChart.StackChartType.AREA; //Stacked AreaCOPY

Stacked 3D

stack.ThreeD = true; COPY

Scroll

stack.Scrollable = true;COPY

Pie

The syntax to create a pie chart is given below:

Charts.PieChart pie = new Charts.PieChart("Chart_Id");COPY

Pie 3D

pie.ThreeD = true; COPY

Doughnut

The syntax to create a doughnut chart is given below:

Charts.DoughnutChart doughnut = new Charts.DoughnutChart("Chart_Id");COPY

Doughnut 3D

doughnut.ThreeD = true; COPY

Funnel

The syntax to create a funnel is given below:

Widget.FunnelChart funnel = new Widget.FunnelChart("Widget_Id");COPY

Pyramid

The syntax to create a pyramid is given below:

Widget.PyramidChart pyramid = new Widget.PyramidChart("Widget_Id");COPY

Time-series

To syntax to create a time-series chart is given below:

Charts.TimeSeriesChart timeSeries = new Charts.TimeSeriesChart("id");COPY

API's Common for All Charts

Render()

Renders a chart inside a container element on a page. If the chart is already rendered, it can be re-rendered inside the same container DOM element or a different element.

Syntax

visualizationObj.Render(); // visualizationObj is the chart objectCOPY

Theme

Applies predefined themes to the chart. FusionCharts.Net visualization ships with the following predefined themes:

• fusion
• gammel
• candy
• zune
• ocean
• carbon

Syntax

visualizationObj.Theme = FusionChartsTheme.ThemeName.FUSION //Fusion Theme is appliedCOPY

Height

Sets the height of the canvas.

Syntax

timeSeries.Height.Em(500);// unit EM
timeSeries.Height.Percentage(60); //unit Percentage
timeSeries.Height.Pixel(600);// unit pixel
timeSeries.Height.Point(400);//unit pointCOPY

Width

Sets the width of the canvas.

Syntax

timeSeries.Width.Em(500); // unit EM
timeSeries.Width.Percentage(60); //unit Percentage
timeSeries.Width.Pixel(600); // unit pixel
timeSeries.Width.Point(400); //unit pointCOPY

Dispose

Disposes the chart completely.

Syntax

visualizationObj.Dispose();COPY

Caption

These API's let you configure the cosmetics of chart caption.

Not applicable for time-series.

SubCaption

These APIs let you configure the cosmetics of chart sub-caption.

Not applicable for time-series.

Labels

These APIs let you configure the x-axis labels.

Not applicable for time-series.

Values

These APIs let you configure the data plot values.

Not applicable for time-series.

Tooltip

These API's let you control the tool tip. You can set the background color, border color, separator character and few other details.

Not applicable for time-series.

Legend

In a chart, the name of each dataset shows up in the legend of the chart. Using the API's below, you can configure the functional and cosmetic properties of the legend.

Not applicable for time-series.

Export

FusionCharts.Net has the ability to export the rendered charts in JPG, PNG, SVG, PDF formats and export chart data as well. Using the API's below, you can configure the functional properties to export your chart.

Chart Specific API's

Following are the API's which only have support on Column, Bar, Area, Line, Spline and Stacked Charts.

XAxis

To configure the x-axis name (title), you can use the following APIs.

Time Axis

Time axis API's only have support on time-series charts.

To configure the time axis, you can use the following APIs.

Time Navigator

Time navigator only have support on time-series charts.

The time navigator plots the complete data in a rectangular box located right below the time axis. The syntax to enable the time navigator is shown below:

timeSeries.TimeNavigator.Enable = true; //BooleanCOPY

Custom Range Selector

Custom range selector only have support on time-series charts.

The Custom Range Selector lets you select and focus on data within a specific time period by selecting the start and end points. The syntax to enable the custom range selector is shown below:

timeSeries.CustomRangeSelector.Enable = true; //BooleanCOPY

Standard Range Selector

Standard range selector only have support on time-series charts.

The Standard Range Selector lets you select and focus on data within standard time periods. The syntax to enable the standard range selector is shown below:

timeSeries.StandardRangeSelector.Enable = true; //BooleanCOPY

Reference Line

Reference line only have support on time-series charts.

A Reference Line is essentially an arbitrary fixed line (mapped to the Y-axis), which indicates a specific value. The syntax to add a reference line is shown below:

timeSeries.ReferenceLine.Add("label", value); // (string, double)COPY

URL

URL only have support on time-series charts.

The syntax to add a URL to a text is shown below:

timeSeries.ClickUrl = "www.fusioncharts.com"; //URLCOPY

Series Name

Series name only have support on time-series charts.

To specify the series name in the chart, use the syntax given below:

timeSeries.SeriesName = "Population"; //stringCOPY

Tooltip

This tooltip API only have support on time-series charts.

The syntax to disable the tooltip of the time-series chart is shown below:

timeSeries.ToolTip.Enable = false; //BooleanCOPY

YAxis

To configure the y-axis name (title), you can use the following APIs.

Not applicable for time-series.

To configure the y-axis for the time-series chart, you can use the following APIs.

Data (column, bar, line, area, spline, stack)

Data is an object used to define the values to be plotted for individual data series. The instances in Data object is listed below:

• source: FusionCharts Data Model

visualizationObj.Data.Source = dataSource; //dataSource is an instance of the DataModelCOPY

• CategoryField(string field_name)

visualizationObj.Data.CategoryField("country");COPY

• SeriesFields(params string[ ] fields_name)

visualizationObj.Data.SeriesFields("Sales,Total_Purchase");COPY

• Categories: Category Object

• Series: Series Object

Series is an object used to customize the series of data plots. The instances of the DataModel in Series object is listed below:

Following are the API's which only have support on Pie, Doughnut, Funnel and Pyramid Charts.

Data (pie, doughnut, pyramid, funnel)

Data is an object used to define the values to be plotted for individual data series. The instances of the DataModel in Data object is listed below:

Data (time-series)

Data is an object used to define the values to be plotted for individual data series. The data object of the time-series chart is shown below:

timeSeries.Data.SourcePathHandler = “/path/to/local/DataSourceHandler.ashx”;COPY

Data Marker

Data marker API's only have support on time-series charts.

A data marker marks a single point on the data plot of a time-series chart. To configure the data marker, use the following APIs: