Contact Us Today! | vcare@wdmtech.com

WDMtech

Just to make you understand better and clear, we have listed out the Chart specific fields depend upon the Type of Chart.

1. Create Line Chart

In below table, we have mentioned the Line Chart Specific Fields. In this example, we are assuming that you are entering the Chart Data Manually. Other methods to input Chart Data are described in Different Methods to input Chart Data Section

Property Description
Line Chart Specific Axes Parameters
Series Name Set the Series Name for Chart. If you want to enter multiple Series, then put the comma separated Series Name for Chart. For e.g. “USA,Germany”
Colors For Series

Set the different color for different Series Name by comma separated color values.

Line Chart

You can also set the color by choosing color from the color picker by clicking on the “Select color for Series” Button.

Line Chart

Horizontal Value

Set the comma separated Horizontal Value for Chart for e.g. Years i.e. 2010,2011,2012,2013,2014 etc. You can also set the type of the value of this field like string, number, date and datetime.

Line Chart

Additional Dynamic Input fields will be appear depending upon the value you have entered in this field.

Line Chart

Line Chart Specific Formatting Options
All the given fields are optional
Give the horizontal start chart view and end chart view

Set the Chart Area Start and End Points to display during initialization if you want to user Change Zoom functionality

Line Chart

Horizontal Axis Values

Set the Start and End Value for Horizontal Axis if you want to start x-axis values of Chart from Start Value field and end x-axis value of Chart to End Value Fields.

Line Chart

Show Chart Lines in Curve Set this option if you want to show the lines on the Chart in Curve manner instead of straight lines.
Default Line width

Set the Default Line width which will be apply on all the lines of the series. You can also set the width for individual line of the series.

Line Chart

Data Pointer Value Style

Set the Data Pointer Shape and Size, you want to show on chart. You can choose the Data Pointer Shape from predefined values like Circle, Triangle, Square, Diamond, Star and Polygon.

Line Chart

Show Color Code Set this to show colored squares next to series information in tooltip
Show Series Filter Slider Set this option if you want to show the filtering on chart value of a particular series through the filter slider. If you checked this option then following 4 additional fields will be display.
Series Name For Filtering

Choose the option either X-axis values or a particular Series Value you want to show for the filtering on chart

Line Chart

Filter Type Category

Choose the Filter Type Category option from the list to show different type of filtering on the basis of the series type value. e.g. if series value is a number type then you can select NumberRangeFilter, if series is a string value than you can select StringFilter and if series type is data you can select DateRangeRilter etc.

Line Chart

Filter Type Chart

Choose the Filter Type Chart from the List i.e. Line chart, pie chart or area chart.

Line Chart

Filter min and max value

Set the Minimum and Maximum value for the Filter Slider

Line Chart

Specific Option

2. Create Area Chart

In below table, we have mentioned the Area Chart Specific Fields. In this example, we are assuming that you are entering the Chart Data Manually. Other methods to input Chart Data are described in Different Methods to input Chart Data Section

Property Description
Area Chart Specific Axes Parameters
Series Name Set the Series Name for Chart. If you want to enter multiple Series, then put the comma separated Series Name for Chart. For e.g. “Cars,Motorcycles,Bicycles”
Colors For Series

Set the different color for different Series Name by comma separated color values.

Area Chart

You can also set the color by choosing color from the color picker by clicking on the “Select color for Series” Button.

Area Chart

Horizontal Value

Set the comma separated Horizontal Value for Chart for e.g. Years i.e. 1995,1996,1997,1998,1999,2000 etc. You can also set the type of the value of this field like string, number, date and datetime.

Area Chart

Additional Dynamic Input fields will be appear depending upon the value you have entered in this field.

Area Chart

Area Chart Specific Formatting Options
All the given fields are optional
Show Series in Stacks Set this option to show the Series in Stack atop one another instead, so that the data values at each x-value are summed.
Show Connect Steps Set this option to connect the steps to form a stepped line.
Enable Interactivity Set this option to set the Interactivity whether the chart throws user-based events or reacts to user interaction.
Show Color Code Set this to show colored squares next to series information in tooltip
Show Series Filter Slider Set this option if you want to show the filtering on chart value of a particular series through the filter slider. If you checked this option then following 4 additional fields will be display.
Series Name For Filtering

Choose the option either X-axis values or a particular Series Value you want to show for the filtering on chart

Area Chart

Filter Type Category

Choose the Filter Type Category option from the list to show different type of filtering on the basis of the series type value. e.g. if series value is a number type then you can select NumberRangeFilter, if series is a string value than you can select StringFilter and if series type is data you can select DateRangeRilter etc.

Area Chart

Filter Type Chart

Choose the Filter Type Chart from the List i.e. Line chart, pie chart or area chart.

Area Chart

Filter min and max value

Set the Minimum and Maximum value for the Filter Slider

Area Chart

Specific Option

3. Create Stepped Area Chart

In below table, we have mentioned the Stepped Area Chart Specific Fields. In this example, we are assuming that you are entering the Chart Data Manually. Other methods to input Chart Data are described in Different Methods to input Chart Data Section

Property Description
Area Chart Specific Axes Parameters
Series Name Set the Series Name for Chart. If you want to enter multiple Series, then put the comma separated Series Name for Chart. For e.g. “Bicycles,Motorcycles”
Colors For Series

Set the different color for different Series Name by comma separated color values.

Stepped Area Chart

You can also set the color by choosing color from the color picker by clicking on the “Select color for Series” Button.

Stepped Area Chart

Horizontal Value

Set the comma separated Horizontal Value for Chart for e.g. Years i.e. 1994,1995,1996,1997,1998,1999 etc. You can also set the type of the value of this field like string, number, date and datetime.

Stepped Area Chart

Additional Dynamic Input fields will be appear depending upon the value you have entered in this field.

Stepped Area Chart

Stepped Area Chart Specific Formatting Options
All the given fields are optional
Show Series in Stacks Set this option to show the Series in Stack atop one another instead, so that the data values at each x-value are summed.
Show Connect Steps Set this option to connect the steps to form a stepped line.
Enable Interactivity Set this option to set the Interactivity whether the chart throws user-based events or reacts to user interaction.
Show Color Code Set this to show colored squares next to series information in tooltip
Show Series Filter Slider Set this option if you want to show the filtering on chart value of a particular series through the filter slider. If you checked this option then following 4 additional fields will be display.
Series Name For Filtering

Choose the option either X-axis values or a particular Series Value you want to show for the filtering on chart

Area Chart

Filter Type Category

Choose the Filter Type Category option from the list to show different type of filtering on the basis of the series type value. e.g. if series value is a number type then you can select NumberRangeFilter, if series is a string value than you can select StringFilter and if series type is data you can select DateRangeRilter etc.

Area Chart

Filter Type Chart

Choose the Filter Type Chart from the List i.e. Line chart, pie chart or area chart.

Area Chart

Filter min and max value

Set the Minimum and Maximum value for the Filter Slider

Area Chart

Specific Option

4. Create Timeline Chart

A timeline is a chart that depicts how a set of resources are used over time. One popular type of timeline is the Gantt chart. In below table, we have mentioned the Timeline Chart Specific Fields. In this example, we are assuming that you are entering the Chart Data Manually. Other methods to input Chart Data are described in Different Methods to input Chart Data Section

Property Description
Timeline Chart Specific Axes Parameters
Series Name Set the Series Name for Chart. If you want to enter multiple Series, then put the comma separated Series Name for Chart. For e.g. “George Washington,John Adams”
Colors For Series

Set the different color for different Series Name by comma separated color values.

Timeline Chart

You can also set the color by choosing color from the color picker by clicking on the “Select color for Series” Button.

Timeline Chart

Date Format

Choose the Date Format, you want to show the data. E.g. Date (dd/mm/yy), Date (mm/dd/yy) etc.

Timeline Chart

Select Calendar Display View

Choose the option either you want to show only date or you want to show date with Time on the Calendar.

Timeline Chart

Section Set the name of the section.
Title Set the Title
Start Date Title Set the Start Date Title you want to show on Chart
End Date Title Set the End Date Title you want to show on Chart
Chart Value

Additional Dynamic Input fields will be appear depending upon the value you have entered in previous fields.

Timeline Chart

Timeline Chart Specific Formatting Options
All the given fields are optional
Click to change Bar Label Style

You can apply the text formatting to Bar Label style like Bold, Italics, Font size, Font Family, Text Color

Timeline Chart

Click to change Row You can apply the text formatting to Row Label style like Bold, Italics, Font
Label Style

size, Font Family, Text Color

Timeline Chart

Show Bar Labels Set this option to show the Bar Labels on the Chart.
Show Row Labels Set this option to show the Row Labels on the Chart.
Color By Row Label Set this option if you want to show the color by row labels. This option colors all bars on the same row the same. This can be a good choice when there are gaps between your bars.
Give the single color Set this option if you want all bars the same color regardless of what row they're on
Avoid Over lapping Grid Lines

Set this option to make tiny adjustments to bar endpoints to avoid obscuring timeline gridlines. If set True, Display elements may be altered to keep grid lines visible on the Chart.

Timeline Chart

If set False, grid lines may be covered completely by display elements.

Timeline Chart

Specific Option

5. Create Column Chart

In below table, we have mentioned the Column Chart Specific Fields. In this example, we are assuming that you are entering the Chart Data Manually. Other methods to input Chart Data are described in Different Methods to input Chart Data Section

Property Description
Column Chart Specific Axes Parameters
Series Name Set the Series Name for Chart. If you want to enter multiple Series, then put the comma separated Series Name for Chart. For e.g. “Visitors”
Colors For Series

Set the different color for different Series Name by comma separated color values.

Column Chart

You can also set the color by choosing color from the color picker by clicking on the “Select color for Series” Button.

Horizontal Value

Set the comma separated Horizontal Value for Chart for e.g. country i.e. USA,China,Japan etc. You can also set the type of the value of this field like string, number, date and datetime.

Column Chart

Additional Dynamic Input fields will be appear depending upon the value you have entered in this field.

Column Chart

Row Style

Set the formatting to the columns of the Chart like Stroke color, Stroke Opacity, Stroke Width, Fill Color, Fill Opacity, text for columns.

Column Chart

Column Chart Specific Formatting Options
All the given fields are optional
Select Range Color

Set the color to each bar according to range value (in case of single series). Range Coloring will be effective only when you will use only one series and want to give different color for each column or bar.

Column Chart

Show Bar in Stack Set this to show the Bar in Stack (Stacked Column Chart)
Bar Group Width (%)

Set the Bar Group width in percentage (%).

Column Chart

Show X-axis Value in Slanted

Set this option to show the X-axis Values in Slanted manner so that all the values can be easily display without any congestion or overlapping text.

Column Chart

Show Series Filter Slider Set this option if you want to show the filtering on chart value of a particular series through the filter slider. If you checked this option then following 4 additional fields will be display.
Series Name For Filtering

Choose the option either X-axis values or a particular Series Value you want to show for the filtering on chart

Column Chart

Filter Type Category

Choose the Filter Type Category option from the list to show different type of filtering on the basis of the series type value. e.g. if series value is a number type then you can select NumberRangeFilter, if series is a string value than you can select StringFilter and if series type is data you can select DateRangeRilter etc.

Column Chart

Filter Type Chart

Choose the Filter Type Chart from the List i.e. Line chart, pie chart or area chart.

Column Chart

Filter min and max value

Set the Minimum and Maximum value for the Filter Slider

Column Chart

Specific Option

6. Create Combo Chart

A Combo chart is a Chart that lets you render each series as a different marker type from the following list: line, area, bars, candlesticks, and stepped area. In below table, we have mentioned the Combo Chart Specific Fields. In this example, we are assuming that you are entering the Chart Data Manually. Other methods to input Chart Data are described in Different Methods to input Chart Data Section

Property Description
Combo Chart Specific Axes Parameters
Series Name Set the Series Name for Chart. If you want to enter multiple Series, then put the comma separated Series Name for Chart. For e.g. “Income,Expenses”
Colors For Series

Set the different color for different Series Name by comma separated color values.

Combo Chart

You can also set the color by choosing color from the color picker by clicking on the “Select color for Series” Button.

Combo Chart

Horizontal Value

Set the comma separated Horizontal Value for Chart for e.g. Years i.e. 2005, 2006, 2007, 2008 etc. You can also set the type of the value of this field like string, number, date and datetime.

Combo Chart

Additional Dynamic Input fields will be appear depending upon the value you have entered in this field.

Combo Chart

Select the chart type for each series
Income Choose the Chart from the List to show the Income Series i.e. Line chart, pie chart or area chart.
Expenses Choose the Chart from the List to show the Expense Series i.e. Line chart, pie chart or area chart.
Combo Chart Specific Formatting Options
All the given fields are optional
Show Color Code Set this to show colored squares next to series information in tooltip
Show Series Filter Slider Set this option if you want to show the filtering on chart value of a particular series through the filter slider. If you checked this option then following 4 additional fields will be display.
Series Name For Filtering

Choose the option either X-axis values or a particular Series Value you want to show for the filtering on chart

Combo Chart

Filter Type Category

Choose the Filter Type Category option from the list to show different type of filtering on the basis of the series type value. e.g. if series value is a number type then you can select NumberRangeFilter, if series is a string value than you can select StringFilter and if series type is data you can select DateRangeRilter etc.

Combo Chart

Filter Type Chart

Choose the Filter Type Chart from the List i.e. Line chart, pie chart or area chart.

Combo Chart

Filter min and max value

Set the Minimum and Maximum value for the Filter Slider

Combo Chart

Specific Option

7. Create Annotation Chart

Annotation charts are interactive time series line charts that support annotations. In below table, we have mentioned the Annotation Chart Specific Fields. In this example, we are assuming that you are entering the Chart Data Manually. Other methods to input Chart Data are described in Different Methods to input Chart Data Section

Property Description
Combo Chart Specific Axes Parameters
Series Name Set the Series Name for Chart. If you want to enter multiple Series, then put the comma separated Series Name for Chart. For e.g. “Kepler-22b mission,Gliese 163 mission”
Colors For Series

Set the different color for different Series Name by comma separated color values.

Annotation Chart

You can also set the color by choosing color from the color picker by clicking on the “Select color for Series” Button.

Annotation Chart

Horizontal Value

Additional Dynamic Input fields will be appear depending upon the value you have entered in this field.

Annotation Chart

Add Data Field

You can add as many as Data Fields you want to show on the Chart by clicking on this button.

Annotation Chart

Additional Dynamic Input fields will be appear like the following.

Annotation Chart

You can also delete Additional Dynamic Input field section by clicking on the Delete button.

Annotation Chart Specific Formatting Options
All the given fields are optional
Allow Html If set to true, formatted values of cells that includes HTML tags will be rendered as HTML.
All Values Suffix A suffix to be added to all values in the legend and tick labels in the vertical axes.
Annotations Width The width (in percent) of the annotations area, out of the entire chart area. Must be a number in the range 5-80.
Display Annotations If set to false, the chart will hide the annotations table, and the annotations and annotation Text will not be visible (the annotations table will also not be displayed if there are no annotations in your data, regardless of this option). When this option is set to true, after every numeric column, two optional annotation string columns can be added, one for the annotation title and one for the annotation text.
Display Annotations Filter If set to true, the chart will display a filter control to filter annotations. Use this option when there are many annotations.
Display Date Bar Separator Set this option Whether to display a small bar separator ( | ) between the series values and the date in the legend
Display Legend Dots Set this option Whether to display dots next to the values in the legend text
Display Legend Values Set this option Whether to display the highlighted values in the legend
Display Range Selector Set this option Whether to show the zoom range selection area (the area at the bottom of the chart)
Display Zoom Buttons Set this option Whether to show the zoom buttons ("1d 5d 1m" and so on)
Maximum Values The maximum value to show on the Y axis. If the maximum data point exceeds this value, this setting will be ignored, and the chart will be adjusted to show the next major tick mark above the maximum data point.
Minimum Values The minimum value to show on the Y axis. If the minimum data point is less than this value, this setting will be ignored, and the chart will be adjusted to show the next major tick mark below the minimum data point.
Thickness A number from 0—10 (inclusive) specifying the thickness of the lines, where 0 is the thinnest.
Zoom Start Time Sets the start date/time of the selected zoom range.
Zoom End Time Sets the end date/time of the selected zoom range

Specific Option

8. Create Geo Chart

A Geo Chart is a map of a country, a continent, or a region with areas identified in one of three ways:

  • The region mode colors whole regions, such as countries, provinces, or states.
  • The markers mode uses circles to designate regions that are scaled according to a value that you specify.
  • The text mode labels the regions with identifiers (e.g., "Russia" or "Asia").

In below table, we have mentioned the Geo Chart Specific Fields. In this example, we are assuming that you are entering the Chart Data Manually. Other methods to input Chart Data are described in Different Methods to input Chart Data Section

Property Description
Geo Chart Specific Axes Parameters
Select Display Mode

Choose Which type of Geo Chart this is. The Data Table format must match the value specified. The following values are supported:

  • 'Auto' - Choose based on the format of the Data Table.
  • 'Regions' - Color the regions on the Geo Chart.
  • 'Markers' - Place markers on the regions.
  • 'Text' - Label the regions with text from the Data Table.
Select Regions

Choose the area to display on the Geo Chart. (Surrounding areas will be displayed as well.) Can be one of the following:

  • 'World' - A Geo Chart of the entire world.
  • A continent or a sub-continent, specified by its 3-digit code, e.g., '011' for Western Africa.
  • A country, specified by its ISO 3166-1 alpha-2 code, e.g., 'AU' for Australia.
  • A state in the United States, specified by its ISO 3166-2:US code, e.g., 'US-AL' for Alabama.
Show the information label Set the Information Label on Chart.
Place

Set the Location Name for Chart. If you want to enter multiple Series, then put the comma separated Location Name for Chart. For e.g. “China,India,United States”.

Geo Chart

Additional Dynamic Input fields will be appear depending upon the value you have entered in this field. Enter the Population in the field along with country name and can give URL.

Geo Chart

Geo Chart Specific Formatting Options
All the given fields are optional
Color Axis

Set Colors to assign to values in the Chart visualization.

Geo Chart

Background Color

Set Colors to assign to values in the Chart visualization.

Geo Chart

Without data region color

Set Colors to assign to values in the Chart visualization.

Geo Chart

Maximum Bubble Size Set Maximum radius of the largest possible bubble, in pixels.
Minimum Bubble Size Set Minimum radius of the largest possible bubble, in pixels.
Bubble Opacity Set the opacity of the markers, where 0.0 is fully transparent and 1.0 is fully opaque.

Specific Option

9. Create Google Map Chart

The Google Map Chart displays a map using the Google Maps API. Data values are displayed as markers on the map. Data values can be coordinates (lat-long pairs) or addresses. The map will be scaled so that it includes all the identified points

In below table, we have mentioned the Google Map Chart Specific Fields. In this example, we are assuming that you are entering the Chart Data Manually. Other methods to input Chart Data are described in Different Methods to input Chart Data Section

Property Description
Google Map Chart Specific Axes Parameters
Mod for Information

Choose Which type of Google Map Chart this is. The Data Table format must match the value specified. The following values are supported:

  • 'Lat-Long pairs' - The first two columns should be numbers designating the latitude and longitude, respectively. An optional third column holds a string that describes the location specified in the first two columns.

    Google Map Chart

  • 'Regions' - The first column should be a string that contains an address. This address should be as complete as you can make it. An optional second column holds a string that describes the location in the first column.

    Google Map Chart

You can add as many as Data Fields you want to show on the Chart by clicking on “Add Data Field” button as well as can delete Data Fields by clicking on Cross Button.

Google Map Chart

Google Map Chart Specific Formatting Options
All the given fields are optional
Select Map Type

Set the type of map to show. Possible values are 'normal', 'terrain', 'satellite', 'hybrid'.

Google Map Chart

Open Info Window Set this option to show the Info window with additional information on a selected marker
Enables zooming in and out Set this option to enables zooming in and out using the mouse scroll wheel.
Upload Selected Marker Upload the Selected marker which is different from normal marker.
Upload Normal Marker Upload the Normal marker
Show a map type selector Set this option to show a map type selector that enables the viewer to switch between [map, satellite, hybrid, terrain]. When this is false (default) no selector is presented and the type is determined by the map Type option.
Zoom Level Set an integer indicating the initial zoom level of the map, where 0 is completely zoomed out (whole world) and 19 is the maximum zoom level.

Specific Option

10. Create Candlestick Chart

A candlestick chart is used to show an opening and closing value overlaid on top of a total variance. Candlestick charts are often used to show stock value behavior. In this chart, items where the opening value is less than the closing value (a gain) are drawn as filled boxes, and items where the opening value is more than the closing value (a loss) are drawn as hollow boxes.

In below table, we have mentioned the Candlestick Chart Specific Fields. In this example, we are assuming that you are entering the Chart Data Manually. Other methods to input Chart Data are described in Different Methods to input Chart Data Section

Property Description
Candlestick Chart Specific Axes Parameters
Candle Stick Header Title Enter the Candle Stick Header Title to display on Chart in Tooltip.
Series Name

Set the Series Name for Chart. If you want to enter multiple Series, then put the comma separated Series Name for Chart. For e.g. “Mon,Tue,Wed,Thu,Fri” Additional Dynamic Input fields will be appear depending upon the value you have entered in this field.

Candle Stick Chart

Want to Change Candle Stick Style

Set this option to apply formatting to Rising and Falling Candle Sticks style like Fill color, stroke color, stroke width etc.

Candle Stick Chart

Candlestick Chart Specific Formatting Options
All the given fields are optional
Show Color Code Set this to show colored squares next to series information in tooltip

Specific Option

11. Create Table Chart

A table that can be sorted and paged. Table cells can be formatted using format strings, or by directly inserting HTML as cell values. Numeric values are right-aligned; Boolean values are displayed as check marks. Users can select single rows either with the keyboard or the mouse. Users can sort rows by clicking on column headers. The header row remains fixed as the user scrolls. The table fires a number of events corresponding to user interaction.

In below table, we have mentioned the Table Chart Specific Fields. In this example, we are assuming that you are entering the Chart Data Manually. Other methods to input Chart Data are described in Different Methods to input Chart Data Section

Property Description
Table Chart Specific Axes Parameters
Candle Stick Header Title Enter the Candle Stick Header Title to display on Chart in Tooltip.
Series Name

Set the Series Name for Chart. If you want to enter multiple Series, then put the comma separated Series Name for Chart. For e.g. “Date,Open,High,Low,Close,Volume”

Additional Dynamic Input fields will be appear depending upon the value you have entered in this field.

Table Chart

You can Change the Series Name Header to display in the Chart. You can add as many as Data Fields you want to show on the Chart by clicking on “Add Data Field” button as well as can delete Data Fields by clicking on Delete Button.

Table Chart

Table Chart

Table Chart Specific Formatting Options
All the given fields are optional
Allow Html If set to true, formatted values of cells that includes HTML tags will be rendered as HTML.
Show Alternating Row Style Determines if alternating color style will be assigned to odd and even rows.
First Row Number The row number for the first row in the data Table. Used only if show Row Number is true.
Show Row Number If set to true, shows the row number as the first column of the table.
Sort Ascending The order in which the initial sort column is sorted. True for ascending, false for descending.
Pagination

Choose option to enable paging through the data. Choose one of the following string values:

  • 'Enable' - The table will include page-forward and page-back buttons. Clicking on these buttons will perform the paging operation and change the displayed page. You might want to also set the page Size option.
  • 'Event' - The table will include page-forward and page-back buttons, but clicking them will trigger a 'page' event and will not change the displayed page. This option should be used when the code implements its own page turning logic.
  • 'Disable' - Paging is not supported.
Paging Size Set the number of rows in each page, when paging is enabled with the page option.
Filter Section Set this option if you want to show the filtering on chart value of a particular series through the filter slider. If you checked this option then following 4 additional fields will be display.
Filter Series Value

Choose the option either X-axis values or a particular Series Value you want to show for the filtering on chart

Table Chart

Filter Type Table

Choose the Filter Type Table option from the list to show different type of filtering on the basis of the series type value. e.g. if series value is a category type then you can select CategoryFilter, if series is a string value than you can select StringFilter.

Table Chart

Filter Type Chart

Choose the Filter Type Chart from the List i.e. Line chart, pie chart or area chart.

Table Chart

Filter min and max value

Set the Minimum and Maximum value for the Filter Slider

Table Chart

Specific Option

12. Create Scatter Chart

Scatter charts plot points on a graph. When the user hovers over the points, tooltips are displayed with more information

In below table, we have mentioned the Scatter Chart Specific Fields. In this example, we are assuming that you are entering the Chart Data Manually. Other methods to input Chart Data are described in Different Methods to input Chart Data Section

Property Description
Scatter Chart Specific Axes Parameters
Vertical Axis Values Set the Vertical Axis Values for Chart. If you want to enter multiple Series, then put the comma separated Series Name for Chart. For e.g. “Age,Weight,Average”
Colors For Series

Set the different color for different Series Name by comma separated color values.

Scatter Chart

You can also set the color by choosing color from the color picker by clicking on the “Select color for Series” Button.

Scatter Chart

Horizontal Value

Set the comma separated Horizontal Value for Chart for e.g. Number value i.e. 6 etc.

Scatter Chart

Additional Dynamic Input fields will be appear depending upon the value you have entered in this field.

Scatter Chart

Scatter Chart Specific Formatting Options
All the given fields are optional
Show Color Code Set this to show colored squares next to series information in tooltip
Show Alternating Row Style Determines if alternating color style will be assigned to odd and even rows.
Pointer Shape Style

Set the Data Pointer Shape, you want to show on chart. You can choose the Data Pointer Shape from predefined values like Circle, Triangle, Square, Diamond, Star and Polygon.

Scatter Chart

Pointer Size

Set the Data Pointer Size, you want to show on chart.

Scatter Chart

Connect Data Point with Line

Set line width value if you want to connect all data points with a line on the Chart

Scatter Chart

Specific Option

13. Create Gauge Chart

A Gauge Chart with a dial.

In below table, we have mentioned the Gauge Chart Specific Fields. In this example, we are assuming that you are entering the Chart Data Manually. Other methods to input Chart Data are described in Different Methods to input Chart Data Section

Property Description
Gauge Chart Specific Axes Parameters
Gauge Label Set the Label title of the Guage
Value title

Set the Value title of the Guage

Labels

Set the Labels Values for Chart. If you want to enter multiple Series, then put the comma separated Series Name for Chart. For e.g. “Memory,CPU,Network”

Gauge Chart

Additional Dynamic Input fields will be appear depending upon the value you have entered in this field.

Gauge Chart

Green From Set the lowest value for a range marked by a green color.
Green To Set the highest value for a range marked by a green color.
Yellow From Set the lowest value for a range marked by a Yellow color.
Yellow To Set the highest value for a range marked by a Yellow color.
Red From Set the lowest value for a range marked by a Red color.
Red To Set the highest value for a range marked by a Red color.
Gauge Chart Specific Formatting Options
All the given fields are optional
Major Ticks Labels for major tick marks. The number of labels define the number of major ticks in all gauges. The default is five major ticks, with the labels of the minimal and maximal gauge value.
The number of minor tick section in each major tick section. The number of minor tick section in each major tick section
Color in Gauge Section

Set The color to use for the green section, yellow section and red section, in HTML color notation.

Gauge Chart

Maximum Gauge Value Set the maximal value of a gauge.
Minimum Gauge Value Set the minimal value of a gauge.

Specific Option

14. Create Bubble Chart

A bubble chart displays tips when hovering over bubbles and it is used to visualize a data set with two to four dimensions. The first two dimensions are visualized as coordinates, the third as color and the fourth as size. Displays tips when hovering over bubbles.

In below table, we have mentioned the Bubble Chart Specific Fields. In this example, we are assuming that you are entering the Chart Data Manually. Other methods to input Chart Data are described in Different Methods to input Chart Data Section

Property Description
Bubble Chart Specific Axes Parameters
Series Name

Set the Series Name for Chart. If you want to enter multiple Series, then put the comma separated Series Name for Chart. For e.g. “CAN,DEU,DNK”

Additional Dynamic Input fields will be appear depending upon the value you have entered in this field.

Bubble Chart

Colors For Series

Set the different color for different Series Name by comma separated color values.

Bubble Chart

You can also set the color by choosing color from the color picker by clicking on the “Select color for Series” Button.

Bubble Chart

Bubble Header Label

Set the Bubble Header Label

Bubble Chart

X Axis Title

Set the X Axis Title

Bubble Chart

Y Axis Title

Set the Y Axis Title

Bubble Chart

Region Title

Set the Region Title

Bubble Chart

Value Title

Set the different color for different Series Name by comma separated color values.

Bubble Chart

Bubble Chart Specific Formatting Options
All the given fields are optional
Radius Value

Set the Minimum radius of the smallest possible bubble and Maximum radius of the largest possible bubble. Minimum radius value shouldn’t less than 5.

Bubble Chart

Specific Option

15. Create Bar Chart

In below table, we have mentioned the Bar Chart Specific Fields. In this example, we are assuming that you are entering the Chart Data Manually. Other methods to input Chart Data are described in Different Methods to input Chart Data Section

Property Description
Bar Chart Specific Axes Parameters
Series Name Set the Series Name for Chart. If you want to enter multiple Series, then put the comma separated Series Name for Chart. For e.g. “Expenses, Income”
Colors For Series

Set the different color for different Series Name by comma separated color values.

Bar Chart

You can also set the color by choosing color from the color picker by clicking on the “Select color for Series” Button.

Bar Chart

Horizontal Value

Set the comma separated Horizontal Value for Chart for e.g. Years i.e. 2005,2006,2007 etc. You can also set the type of the value of this field like string, number, date and datetime.

Bar Chart

Additional Dynamic Input fields will be appear depending upon the value you have entered in this field.

Bar Chart

Row Style

Set the formatting to the columns of the Chart like Stroke color, Stroke Opacity, Stroke Width, Fill Color, Fill Opacity, text for columns.

Bar Chart

Bar Chart Specific Formatting Options
All the given fields are optional
Orientation Style

Choose the Orientation Style whether to show the chart Vertically or Horizontally.

Bar Chart

Show Bar in Stack Set this to show the Bar in Stack (Stacked Column Chart)
Bar Group Width (%) Set the Bar Group width in percentage (%).
Show X-axis Value in Slanted Set this option to show the X-axis Values in Slanted manner so that all the values can be easily display without any congestion or overlapping text.
Show Series Filter Slider Set this option if you want to show the filtering on chart value of a particular series through the filter slider. If you checked this option then following 4 additional fields will be display.
Series Name For Filtering

Choose the option either X-axis values or a particular Series Value you want to show for the filtering on chart

Bar Chart

Filter Type Category

Choose the Filter Type Category option from the list to show different type of filtering on the basis of the series type value. e.g. if series value is a number type then you can select NumberRangeFilter, if series is a string value than you can select StringFilter and if series type is data you can select DateRangeRilter etc.

Bar Chart

Filter Type Chart

Choose the Filter Type Chart from the List i.e. Line chart, pie chart or area chart.

Bar Chart

Filter min and max value

Set the Minimum and Maximum value for the Filter Slider

Bar Chart

Specific Option

16. Create Pie Chart

A pie chart Displays tooltips when hovering over slices. In below table, we have mentioned the Pie Chart Specific Fields. In this example, we are assuming that you are entering the Chart Data Manually. Other methods to input Chart Data are described in Different Methods to input Chart Data Section

Show Pie Chart in 3DSet this option to display a three-dimensional (3D) chart.
Property Description
Pie Chart Specific Axes Parameters
Pie Chart Label Title Set the Pie Chart label column title.
Value Title Set the value column title name.
Series Name

Set the Series Name for Chart. If you want to enter multiple Series, then put the comma separated Series Name for Chart. For e.g. “Hydro,Wind,Other,Oil,Coal,Nuclear”

Additional Dynamic Input fields will be appear depending upon the value you have entered in this field.

Pie Chart

Pie Chart Slice Coloring

Set the different color for different Series Name by comma separated color values.

Pie Chart

You can also set the color by choosing color from the color picker by clicking on the “Select color for Series” Button.

Pie Chart

Pie Chart Specific Formatting Options
All the given fields are optional
pieHole Choose option to set Pie Hole. It should be set to a number between 0 and 1, corresponding to the ratio of radii between the hole and the chart. Numbers between 0.4 and 0.6 will look best on most charts. Values equal to or greater than 1 will be ignored, and a value of 0 will completely shut your pieHole.
Pie Slice show label

Choose option to set Pie Slice Text. The content of the text displayed on the slice. Can be one of the following:

  • 'Percentage' - The percentage of the slice size out of the total.
  • 'Value' - The quantitative value of the slice.
  • 'Label' - The name of the slice.
  • 'None' - No text is displayed.
Show pie chart without label value Set this option if you want to show pie chart without label values.
Want To Show Title Set this option to display Text above the chart.
Filter Section Set this option if you want to show the filtering on chart value of a particular series through the filter slider. If you checked this option then following additional fields will be display.
Filter Type Chart

Choose the Filter Type Chart from the List i.e. Line chart, pie chart or area chart.

Bar Chart

Specific Option

16.1 Create Slice Pie Chart

In Slice Pie Chart, you can separate pie slices from the rest of the chart. In below table, we have mentioned the Slice Pie Chart Specific Fields. In this example, we are assuming that you are entering the Chart Data Manually. Other methods to input Chart Data are described in Different Methods to input Chart Data Section

Show Pie Chart in 3DSet this option to display a three-dimensional (3D) chart.
Property Description
Slice Pie Chart Specific Axes Parameters
Series Name

Set the Series Name for Chart. If you want to enter multiple Series, then put the comma separated Series Name for Chart. For e.g. “Hindi,Gujarati,Dogry,Bengali”

Additional Dynamic Input fields will be appear depending upon the value you have entered in this field.

Slice Pie Chart

Pie Chart Slice Coloring

Set the different color for different Series Name by comma separated color values.

Slice Pie Chart

You can also set the color by choosing color from the color picker by clicking on the “Select color for Series” Button.

Slice Pie Chart

pie slice label index values

Set the Pie Slice Label index values, which slice you want to show some outside the pie slice from chart Circle.

Slice Pie Chart

Give the offset value to move the pie slice from the main position

Set the Pie Slice Label index values, which you want to move the position. It is a comma separated values.

Slice Pie Chart

Slice Pie Chart Specific Formatting Options
All the given fields are optional
pieHole Choose option to set Pie Hole. It should be set to a number between 0 and 1, corresponding to the ratio of radii between the hole and the chart. Numbers between 0.4 and 0.6 will look best on most charts. Values equal to or greater than 1 will be ignored, and a value of 0 will completely shut your pieHole.
Pie Slice show label

Choose option to set Pie Slice Text. The content of the text displayed on the slice. Can be one of the following:

  • 'Percentage' - The percentage of the slice size out of the total.
  • 'Value' - The quantitative value of the slice.
  • 'Label' - The name of the slice.
  • 'None' - No text is displayed.
Show pie chart without label value Set this option if you want to show pie chart without label values.
Want To Show Title Set this option to display Text above the chart.
Filter Section Set this option if you want to show the filtering on chart value of a particular series through the filter slider. If you checked this option then following additional fields will be display.
Filter Type Chart

Choose the Filter Type Chart from the List i.e. Line chart, pie chart or area chart.

Bar Chart

Specific Option