series.notes.lineObject
The line of the notes.
Example
<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
type: "line",
series: [{
data: [10, 15, 8, 12],
notes: {
data: [{
value: 15,
text: "Peak Value"
}],
line: {
width: 3,
color: "red",
length: 20
}
}
}]
});
</script>series.notes.line.widthNumber
The line width of the notes.
Example
<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
type: "line",
series: [{
data: [10, 15, 8, 12],
notes: {
data: [{
value: 15,
text: "Peak Value"
}],
line: {
width: 4
}
}
}]
});
</script>series.notes.line.colorString
The line color of the notes.
Example
<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
type: "line",
series: [{
data: [10, 15, 8, 12],
notes: {
data: [{
value: 15,
text: "Peak Value"
}],
line: {
color: "green"
}
}
}]
});
</script>series.notes.line.lengthNumber
The length of the connecting lines in pixels.
Example
<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
type: "line",
series: [{
data: [10, 15, 8, 12],
notes: {
data: [{
value: 15,
text: "Peak Value"
}],
line: {
length: 30
}
}
}]
});
</script>In this article