This widget is based on a legacy library and is considered deprecated. It is not actively supported. It might work in Mendix 6, but it is not stable. If you want to contribute to the widget, or actively maintain it, please contact us!
Please use the ChartJS widget (AppStore/Github) for chart requirements in your project.
The simple chart widget allows to rapidly create charts using the Modeler. The widget is designed to be easy to configure and should be up and running.
Multiple chart rendering algorithms
Pie, Line, Curve, Stacked and Bar charts
Multiple series per chart
Up to two Y axises per chart
Several types of data aggregation supported
Onclick microflow for individual data points
Allows users to dynamically change the xpath constraints (dat filtering)
Supports date ranges
Supports linear and uniform scaling along the X-axis
Supports update intervals
NO reporting module required
NO knowlegde of OQL required
NO Flash required (runs on either HTML5, SVG or VML)
Height of the widget in pixels.
Width of the widget in pixels.
Chart rendering engine. Either Flot (free) or Highcharts.com (non free). The latter one supports more features but requires a license for commercial use. Seehttp://www.highcharts.com/license for more details. So without a proper license one is not free to use the 'highcarts' settings in commercial projects.
Which kind of chart to display. Stacked is a line based graph, which sums up all series. Curve generates a smooth graph and is only supported by the Highcharts implementation.
Caption of the chart.
The label of this serie
The object which represents a single point in this serie
Constrain the objects to be shown using XPath
The attribute which specifies the categorie or X value of a point in the chart. Note that all series should use a Category attribute which returns comparable values from the same domain, otherwise the X-axis might contain undesired values. New in 2.0: You can select the category over a reference as well
The attribute which specifies the (Y) value of a point in the chart. Should be a numeric value. New in 2.0: ou can select values over a referenceset as well. The values will be aggregated using the selected aggregate function.
If true, this serie uses the primary Y axis. If false, this serie uses the secondary Y axis, which has its own range. For the first serie, this value should always be true.
Defines how data is aggregated when multiple Y values are available for a single X value.
Specifies a color for this serie. This color should be a valid css color. (for example: 'red', '#ff000' or rgb(255,0,0) are all valid). If empty, a default color will be assigned.
This microflow will be invoked when a specific point of this serie is clicked. If an aggregation function is used, the onclick is triggered for the first object used in the aggregation.
Label of the X axis.
Use this field to determine in which time interval data should be aggregated.
The aggregation function of the individual series is applied. Usually 'count' or 'sum' are the most useful options. Note that this options influences datetime based series only.
The date format which should be used if applicable.
If true, the datapoints are scaled along the X Axis according to the x value, so gaps might be produces. If false,all data points are distributed uniformly. That is, the horizontal distance between two points is constant, regardless the x value. Note that this property only applies for date or numeric X values.
Label of the Y axis.
The unit of the first Y axis, for example: 'min.' or 'age'
Label of the secondary Y axis. This axis will be used when the 'use default axis' of a serie is set to false. (Highcharts only)
The unit of the first Y axis, for example: 'min.' or 'age'
This should be the same entity as selectied in the 'Chart Series' and is required in order to use filtering. Leave this property empty is filtering should not be enabled.
The caption of the filter in the filter box.
The attribute to filter. The type is determined automatically to create proper input widgets. New in 2.0: You can filter on a referenced attribute as well. Only items related to actual data can be selected.
Whether the user can zoom in on a subset of the data. Highcharts only.
Enabling this property will swap the x and y axis of the chart. Highcharts only.
Refresh time in seconds.
Reload the widget if the context object has changed (by using a Microflow for example). Defaults to false, since this property might have an impact on performance.
In general, this property should be omitted. This property can be used to add additional options styling info (in JSON format) to the chart when constructing. This option is implementation specific.
For Flot see: http://people.iola.dk/olau/flot/API.txt
For Highcarts see:http://www.highcharts.com/ref/.
Example: to use steps in the graph, and a red border around the legend specify:
for Flot: "{legend: { labelBoxBorderColor: 'red' }, series : { lines : { steps : 'true' } } }"
for Highcharts: "{legend: { borderColor : 'red' }, plotOptions: { line : { step : true } } }"
Ask your question at the Mendix Community Forum