Mashup Builder > Widgets > Standard Widgets > Combo Chart Widget (Themable) > Binding Data to the Combo Chart
Binding Data to the Combo Chart
To bind the chart to a data source, perform the following steps:
1. On the Data panel, add a data service that returns an infotable with the correct data format for the Combo Chart.
Make sure that the service is triggered by an event at run time.
2. Bind the All Data property of the data service to the Data property of the chart.
3. Select the chart, then on the Properties panel, use the XAxisField property to select the infotable column to use for the X-axis.
4. Set the NumberOfSeries property to the number of data series that you want to display on the chart.
5. Select the infotable column for each data series using the DataField1..N properties.
6. Select the default type of visualization to display for the data series using the ChartType property. By default, each column in the bound infotable is displayed on a separate axis.
7. Set the number of Y-axes to display on the chart using the NumberOfYaxes property.
A default visualization type is applied to all data series using the MarkerShape property. You can manually specify the type of visualization to use for each data series using the SeriesNType property. Use the SeriesNMarkerShape and SeriesNMarkerSize properties to set the shape and size of each data series.
8. To group multiple data series under one axis, use the DisplaySeriesNOn property to select a Y-axis.
9. Use the YAxisNPosition property to select the data series to display on the primary Y-axis.
10. Click Save, then View Mashup.
The data is now displayed on the chart. You can also configure the widget using additional properties. For example:
To select the default type of visualization to display for the data series, use the ChartType property. You can override this selection for each data series using the SeriesNType property.
To show ruler lines, enable the ShowXAxisRuler and ShowYAxisRuler properties. You can specify the axis to use as a reference for the ruler line using theYAxisRulerAlignment property. You can align the lines with the marks on the primary axis or the secondary axis. By default, the lines are aligned with the primary axis markers.
To enable zoom along the vertical or horizontal axis, enable the HorizontalZoom and the VerticalZoom properties.
To apply state formatting to the chart, use the DataSeriesStyleN property. For more information, see Example: Applying State Formatting to Charts.
For more information about the available configuration options, refer to the widget properties table.
To update the chart data automatically at run time, create an Auto Refresh function and bind it to the data service that returns the chart data. For more information, see Auto Refresh.
Was this helpful?