| title | page_title | description | slug | canonicalLink |
|---|---|---|---|---|
Scatter |
Scatter Series Type - Chart - Kendo UI for Vue |
Basic usage of the Kendo UI Scatter Charts in Vue projects. |
scatterline_seriestypes_charts_wrapper |
The Scatter charts show data as points defined by the values of their items.
Scatter charts are useful for displaying the relation between different sets of data, such as scientific experimental results, and plotting two-dimensional data.
The following example demonstrates the Scatter chart in action.
{% meta height:460 %} {% embed_file series-types/scatter/basic-usage/main.vue preview %} {% embed_file series-types/scatter/basic-usage/main.js %} {% endmeta %}
The Scatter Charts feature the following sub-types:
The Scatter line chart is useful for displaying numerical data. You can define the Scatter line series through the :series-defaults-type="'scatterLine'" prop.
{% meta height:460 %} {% embed_file series-types/scatter/line/main.vue preview %} {% embed_file series-types/scatter/line/main.js %} {% endmeta %}
The smooth Scatter line chart displays the series items as connected with a fitted curve which represents a rough approximation of the missing data points.
You can define the Scatter line series through the :series-defaults-style="'smooth'" prop.
{% meta height:460 %} {% embed_file series-types/scatter/smooth/main.vue preview %} {% embed_file series-types/scatter/smooth/main.js %} {% endmeta %}