Documentation

Settings for Scatter Chart

Custom Inititalization

  • value (template) - item template for Y axis;
  • xValue (template) - item template for xAxis;
  • data /url (url/string) - the datasource;
  • item - an object property that contains setting for each point in the graph:
    • radius (number) - radius on the point in the chart;
    • eventRadius (number) - radius of the virtual circle which events will fire for items within;
    • borderColor (hex code) - the color of the point border;
    • borderWidth (number) - the width fo the border (if set, point take square shape);
    • color (hex code) - color of the points
    • shadow (boolean) - if true makes point cast shadows. False by default.

Style Presets

Presets simplify chart initing and contain item setting. They are defined by the preset property and can be of the following types:

  • round - semi-transparent blue round points (on the picture above)
  • square - green squares with borders
  • diamond - wine red diamond-shaped points

Related sample:  Scatter Chart: Style Presets

Scatter Chart Series

Chart series allow presenting different graphs within on eand the same chart. The graphs differ in color. Settings for the graphs form objects that are placed into the series array.

Related sample:  Scatter Chart: Several Graphs in One Chart

See the common rules of series definition here.

With chart series, legend should be used to distinguish between graph values. At the same time, legend markers become clickable and allow to show and hide dedicated graphs.

Back to top