navigator.categoryAxis.notes.data.line - API Reference - Kendo UI StockChart

The line of the note.

Example

<div id="stock-chart"></div>
<script>
$("#stock-chart").kendoStockChart({
    navigator: {
        categoryAxis: {
            notes: {
                data: [{
                    value: new Date("2012/01/01"),
                    line: {
                        width: 2,
                        color: "red",
                        length: 20
                    }
                }]
            }
        }
    }
});
</script>

navigator.categoryAxis.notes.data.line.width`Number`

The line width of the note.

Example

<div id="stock-chart"></div>
<script>
$("#stock-chart").kendoStockChart({
    navigator: {
        categoryAxis: {
            notes: {
                data: [{
                    value: new Date("2012/01/01"),
                    line: {
                        width: 3
                    }
                }]
            }
        }
    }
});
</script>

navigator.categoryAxis.notes.data.line.color`String`

The line color of the note.

Example

<div id="stock-chart"></div>
<script>
$("#stock-chart").kendoStockChart({
    navigator: {
        categoryAxis: {
            notes: {
                data: [{
                    value: new Date("2012/01/01"),
                    line: {
                        color: "blue"
                    }
                }]
            }
        }
    }
});
</script>

navigator.categoryAxis.notes.data.line.length`Number`

The length of the connecting lines in pixels.

Example

<div id="stock-chart"></div>
<script>
$("#stock-chart").kendoStockChart({
    navigator: {
        categoryAxis: {
            notes: {
                data: [{
                    value: new Date("2012/01/01"),
                    line: {
                        length: 25
                    }
                }]
            }
        }
    }
});
</script>