Initializing help system before first use

VDL Charts (vdl-chart)

Offering a lightweight alternative to Tableau charts, VDL charts use the vdl-chart tag and enable you to embed charts within conventional VDL views. Chart data can originate as static, scripted data, or it can be retrieved from model entities.
The range of supported chart types is:
  • Bar
  • Stacked Bar
  • Line
  • Scatter
  • Pie

This section provides an overview of vdl-chart and its related markup – refer to the VDL 4.1 Reference for full details of all available tags and attributes.

Covered Topics
  • Creating Bar Charts Using Provided Data
    It is straightforward to create a bar chart (the default chart type) using provided static data contained as the data attribute of vdl-chart-series elements
  • Creating Line Charts, Scatter Plots and Pie Charts with Provided Data
    All of the other chart types can be created from variations of the above examples, noting that the respective vdl-chart-series elements will need a type attribute in anything other than a default bar chart, and that only one vdl-chart-series element is permitted for pie charts.
  • Using Entity Data in Charts
    To switch to using entity data in charts, just replace the data attribute of your vdl-chart-series element with a naming entity attribute:
  • Configuring Chart Axes
    The vdl-chart-axis element has several possible attributes:
  • Index Filters
    You may wish to chart entities that have too many dimensions to render in a 2D chart.
  • Charting with Multiple Scenarios
    To create a chart that displays data from more than one scenario, just use a scenario attribute on a vdl-chart-series element.
Parent Topic Exploring the Core VDL Components