categoryAxis.notes.data.lineObject
The line of the note.
Example
<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
data: [1, 2, 3, 4, 5, 4, 3, 2],
categoryAxis: {
notes: {
data: [{
value: "Q2",
text: "Custom Line Note",
line: {
width: 5,
color: "red",
length: 30
}
}]
}
}
});
</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 line length 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: {
length: 20
}
}]
}
}
});
</script>