navigator.hint - API Reference - Kendo UI StockChart

Default options for the navigator hint.

Example

<div id="stock-chart"></div>
<script>
$("#stock-chart").kendoStockChart({
    navigator: {
        hint: {
            visible: true,
            format: "From: {0:d} To: {1:d}"
        }
    }
});
</script>

navigator.hint.visible`Boolean`(default: true)

The visibility of the hint.

Example

<div id="stock-chart"></div>
<script>
$("#stock-chart").kendoStockChart({
    navigator: {
        hint: {
            visible: false
        }
    }
});
</script>

navigator.hint.template`String | Function`

The hint template. Template variables:

from - The lower boundary of the selected range
to - Theupper boundary of the selected range

Example

<div id="stock-chart"></div>
<script>
$("#stock-chart").kendoStockChart({
    navigator: {
      hint: {
        template: "From: #= from # To: #= to #"
      },

      series: {
        type: "line",
        field: "value",
        categoryField: "date",
        data: [
          { value: 1, date: new Date(2012, 1, 1) },
          { value: 2, date: new Date(2012, 1, 2) },
          { value: 1, date: new Date(2012, 1, 3) }
        ]
      }
    }
});
</script>

navigator.hint.format`String`

The format of the hint.

Example

<div id="stock-chart"></div>
<script>
$("#stock-chart").kendoStockChart({
    navigator: {
        hint: {
            format: "From: {0:MMM yyyy} To: {1:MMM yyyy}"
        }
    }
});
</script>