valueAxis.notes.data.lineObject
The line of the note.
Example
<div id="stock-chart"></div>
<script>
$("#stock-chart").kendoStockChart({
dataSource: {
data: [
{ date: new Date("2023/1/1"), open: 100, high: 110, low: 95, close: 105 },
{ date: new Date("2023/1/2"), open: 105, high: 115, low: 100, close: 110 }
]
},
dateField: "date",
valueAxis: {
notes: {
data: [{
value: 107.5,
line: {
width: 3,
color: "blue",
length: 25
}
}]
}
},
series: [{
type: "candlestick",
openField: "open",
highField: "high",
lowField: "low",
closeField: "close"
}]
});
</script>valueAxis.notes.data.line.widthNumber
The line width of the note.
Example - set the value axis note line width
<div id="chart"></div>
<script>
$("#chart").kendoChart({
series: [{
data: [1, 2, 3]
}],
valueAxis: {
notes: {
data: [{
value: 1,
line: {
width: 4
}
}]
}
}
});
</script>valueAxis.notes.data.line.colorString
The line color of the note.
Example - set the value axis note color width
<div id="chart"></div>
<script>
$("#chart").kendoChart({
series: [{
data: [1, 2, 3]
}],
valueAxis: {
notes: {
data: [{
value: 1,
line: {
color: "#aa00bb"
}
}]
}
}
});
</script>valueAxis.notes.data.line.lengthNumber
The length of the connecting lines in pixels.
Example - set the value axis note color width
<div id="chart"></div>
<script>
$("#chart").kendoChart({
series: [{
data: [1, 2, 3]
}],
valueAxis: {
notes: {
data: [{
value: 1,
line: {
length: 20
}
}]
}
}
});
</script>In this article