series.notes.lineObject
The line of the notes.
Example
<div id="stock-chart"></div>
<script>
$("#stock-chart").kendoStockChart({
series: [{
type: "candlestick",
data: [[new Date(2023, 0, 1), 100, 110, 95, 105]],
notes: {
data: [{
value: new Date(2023, 0, 1),
line: {
width: 2,
color: "#ff0000"
}
}]
}
}]
});
</script>series.notes.line.widthNumber
The line width of the notes.
Example
<div id="stock-chart"></div>
<script>
$("#stock-chart").kendoStockChart({
series: [{
type: "candlestick",
data: [[new Date(2023, 0, 1), 100, 110, 95, 105]],
notes: {
data: [{
value: new Date(2023, 0, 1),
line: {
width: 3
}
}]
}
}]
});
</script>series.notes.line.colorString
The line color of the notes.
Example
<div id="stock-chart"></div>
<script>
$("#stock-chart").kendoStockChart({
series: [{
type: "candlestick",
data: [[new Date(2023, 0, 1), 100, 110, 95, 105]],
notes: {
data: [{
value: new Date(2023, 0, 1),
line: {
color: "#ff0000"
}
}]
}
}]
});
</script>series.notes.line.lengthNumber
The length of the connecting lines in pixels.
Example
<div id="stock-chart"></div>
<script>
$("#stock-chart").kendoStockChart({
series: [{
type: "candlestick",
data: [[new Date(2023, 0, 1), 100, 110, 95, 105]],
notes: {
data: [{
value: new Date(2023, 0, 1),
line: {
length: 50
}
}]
}
}]
});
</script>In this article