categoryAxis.notes.data.lineObject
The line of the note.
Example
<div id="stock-chart"></div>
<script>
$("#stock-chart").kendoStockChart({
dataSource: {
data: [
{ date: new Date(2023, 0, 1), value: 100 },
{ date: new Date(2023, 0, 2), value: 105 },
{ date: new Date(2023, 0, 3), value: 98 }
]
},
categoryAxis: {
notes: {
data: [{
value: new Date(2023, 0, 2),
line: {
width: 3,
color: "red",
length: 25
}
}]
}
},
series: [{
field: "value",
categoryField: "date"
}]
});
</script>categoryAxis.notes.data.line.widthNumber
The line width of the note.
Example - set the category axis note line width
<div id="chart"></div>
<script>
$("#chart").kendoChart({
series: [{
data: [1, 2, 3]
}],
categoryAxis: {
notes: {
data: [{
value: 1,
line: {
width: 4
}
}]
}
}
});
</script>categoryAxis.notes.data.line.colorString
The line color of the note.
Example - set the category axis note color width
<div id="chart"></div>
<script>
$("#chart").kendoChart({
series: [{
data: [1, 2, 3]
}],
categoryAxis: {
notes: {
data: [{
value: 1,
line: {
color: "#aa00bb"
}
}]
}
}
});
</script>categoryAxis.notes.data.line.lengthNumber
The length of the connecting lines in pixels.
Example - set the category axis note color width
<div id="chart"></div>
<script>
$("#chart").kendoChart({
series: [{
data: [1, 2, 3]
}],
categoryAxis: {
notes: {
data: [{
value: 1,
line: {
length: 20
}
}]
}
}
});
</script>