xAxis.notes.data.lineObject
The line of the note.
Example
<div id="chart"></div>
<script>
$("#chart").kendoChart({
xAxis: {
notes: {
data: [
{
value: 1,
line: {
width: 3,
color: "blue",
dashType: "dash"
}
}
]
}
},
series: [
{ type: "line", data: [1, 2, 3, 4] }
]
});
</script>xAxis.notes.data.line.widthNumber
The line width of the note.
Example - set the x axis note line width
<div id="chart"></div>
<script>
$("#chart").kendoChart({
series: [{
type: "scatter",
data: [[1, 2], [2, 3]]
}],
xAxis: {
notes: {
data: [{
value: 1.3,
line: {
width: 3
}
}]
}
}
});
</script>xAxis.notes.data.line.colorString
The line color of the note.
Example - set the x axis note color width
<div id="chart"></div>
<script>
$("#chart").kendoChart({
series: [{
type: "scatter",
data: [[1, 2], [2, 3]]
}],
xAxis: {
notes: {
data: [{
value: 1.3,
line: {
color: "red"
}
}]
}
}
});
</script>xAxis.notes.data.line.lengthNumber
The length of the connecting lines in pixels.
Example - set the x axis note color width
<div id="chart"></div>
<script>
$("#chart").kendoChart({
series: [{
type: "scatter",
data: [[1, 2], [2, 3]]
}],
xAxis: {
notes: {
data: [{
value: 1.3,
line: {
length: 30
}
}]
}
}
});
</script>In this article