Initializing help system before first use

# Creating Line Charts, Scatter Plots and Pie Charts with Provided Data

All 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.

To create a line chart:

View Designer

1. Select the Chart Series element on the artboard.

2. Edit the Attributes in the Attributes pane.
   - Select line from the Type drop down. Note that the icon on the Chart Series artboard element updates.

Code editor

    <vdl-chart title=”This is a line chart”>
    <vdl-chart-axis axis="x" title="Index"></vdl-chart-axis>
    <vdl-chart-axis axis="y" title="Value" type="linear">
    </vdl-chart-axis>
    <vdl-chart-series data="=[10,3,20]" type=”line” labels="First">
    </vdl-chart-series>
    <vdl-chart-series data="=[15,24,9]" type="line" labels="Second">
    </vdl-chart-series>
    <vdl-chart-series data="=[25,14,4,18]" type="line" labels="Third">
    </vdl-chart-series>
    </vdl-chart>

Note the `type=”line”` attribute on the `vdl-chart-series` elements. This renders as:
Figure : 1. Line Chart

Use `type=”scatter”` and `type=”pie”` for scatter plots and pie charts respectively.

Note that in addition to accepting just one series, pie charts can accept a `data` attribute containing an expression assigning keys and values, whereby the keys become the off-chart legends:

View Designer
Code editor

    <vdl-chart title=”Pie Chart”>
      <vdl-chart-series data="={keys: ['good', 'better', 'best'],
                        values: [19, 26, 55]}" type="pie" >
      </vdl-chart-series>
    </vdl-chart>

Which renders as:
Figure : 2. Pie Chart
Parent Topic Charts in views

© 2001-2026 Fair Isaac Corporation. All rights reserved. This documentation is the property of Fair Isaac Corporation (“FICO”). Receipt or possession of this documentation does not convey rights to disclose, reproduce, make derivative works, use, or allow others to use it except solely for internal evaluation purposes to determine whether to purchase a license to the software described in this documentation, or as otherwise set forth in a written software license agreement between you and FICO (or a FICO affiliate). Use of this documentation and the software described in it must conform strictly to the foregoing permitted uses, and no other use is permitted.