Setting for Line Charts
Here various properties of line charts are listed. The properties construct the chart object. Some of the properties contain an object as value. Data-presenting properties are compulsory while a number of styling options
can be omitted or replaced.
Data Presentation
- value (template) - the data item chosen for graphical representation; as a rule, its values are taken for text labels of the Y axis;
- data / url (string/url) - datasource for the component;
- label (string) - text labels for each point on the line;
Setting titles for each axis:

Here you should add title parameter for xAxis and yAxis constructor:
xAxis:{...
title:"Some Text_1"},
yAxis:{...
title:"Some Text_2"}
Related sample: Line Chart: Axes
Learn how to set scales for the chart in the corresponding chapter of the manual.
Chart Series. Several Graphs in One Chart

Related sample: Line Chart: Several Graphs in One Chart
Read more about Chart Series.
Styling and Positioning
- item - a point on the line, a stop for each value. It includes:
- 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)- border for the point;
- color (hex code) - inner color of the point.
- line - a broken or curved (in case of a spline chart) line.
- color (hex code) - color for the line;
- width (number) - line width.
- shadow (boolean) - shadow for nthe line (optional);
- offset (number) - offset for the first item in a chart, the initial numeric value;
Getting rid of points on the line

item:{radius:0}
Making square points for the line

item:{
borderColor:"#b64040",
color: "#b64040",
type:"d",
radius:3,
borderWidth:1 //here you make it square
}
Related sample: Line Chart: Styling
Style Presets
There're three style presets for the Chart component
- plot - a blue line with white points;
- diamond - an orange line with wine red square points;
- simple - a light green line with dark green points.
All of them are set with the help of preset property.
Related sample: Line Chart: Style Presets
Back to all chart types
Back to top