valueAxis.notes.lineObject
The line of the notes.
Example
<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
type: "column",
valueAxis: {
notes: {
data: [{
value: 15,
text: "Target"
}],
line: {
width: 3,
color: "blue"
}
}
},
series: [{
data: [10, 15, 8, 12]
}]
});
</script>valueAxis.notes.line.widthNumber
The line width of the notes.
Example - set the value axis notes line width
<div id="chart"></div>
<script>
$("#chart").kendoChart({
series: [{
data: [1, 2, 3]
}],
valueAxis: {
notes: {
line: {
width: 4
},
data: [{ value: 1 }]
}
}
});
</script>valueAxis.notes.line.colorString
The line color of the notes.
Example - set the value axis notes color width
<div id="chart"></div>
<script>
$("#chart").kendoChart({
series: [{
data: [1, 2, 3]
}],
valueAxis: {
notes: {
line: {
color: "#aa00bb"
},
data: [{ value: 1 }]
}
}
});
</script>valueAxis.notes.line.lengthNumber
The line length of the notes.
Example - set the value axis notes color width
<div id="chart"></div>
<script>
$("#chart").kendoChart({
series: [{
data: [1, 2, 3]
}],
valueAxis: {
notes: {
line: {
length: 20
},
data: [{ value: 1 }]
}
}
});
</script>In this article