New to Kendo UI for jQuery? Start a free 30-day trial

CategoryAxis.select

configuration

The selected axis range. If set, axis selection will be enabled.

The range is index based, starting from 0. Categories with indexes in the range [select.from, select.to) will be selected. That is, the last category in the range will not be included in the selection.

If the categories are dates, the range must also be specified with date values.

Selection is only supported if the axis is horizontal.

categoryAxis.select

Object

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  categoryAxis:  {
    select: {
      from:1,
      to: 2,
      max: 3
    }
  },
  series: [
    { data: [1, 2, 3, 4] }
  ]
});
</script>

categoryAxis.select.from

Object

The lower boundary of the selected range.

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  categoryAxis:  {
    select: {
      from:1,
      to: 2
    }
  },
  series: [
    { data: [1, 2, 3, 4] }
  ]
});
</script>

categoryAxis.select.max

Object

The maximum value which the user can select.

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  categoryAxis:  {
    select: {
      from:1,
      to: 2,
      max: 3
    }
  },
  series: [
    { data: [1, 2, 3, 4] }
  ]
});
</script>

categoryAxis.select.min

Object

The minimum value which the user can select.

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  categoryAxis:  {
    select: {
      from:1,
      to: 2,
      min: 1
    }
  },
  series: [
    { data: [1, 2, 3, 4] }
  ]
});
</script>

categoryAxis.select.mousewheel

Object

The mouse wheel configuration of the selection.

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  categoryAxis:  {
    select: {
      from:1,
      to: 2,
      mousewheel: {
        reverse: false,
        zoom: "left"
      }
    }
  },
  series: [
    { data: [1, 2, 3, 4] }
  ]
});
</script>

categoryAxis.select.to

Object

The upper boundary of the selected range.

The category with the specified index (date) is not included in the selected range

unless the axis is justified. In order to select all categories set a value larger than the last category index (date).

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  categoryAxis:  {
    select: {
      from:1,
      to: 2
    }
  },
  series: [
    { data: [1, 2, 3, 4] }
  ]
});
</script>

CategoryAxis.select

categoryAxis.select

categoryAxis.select.from

categoryAxis.select.max

categoryAxis.select.min

categoryAxis.select.mousewheel

categoryAxis.select.to

Related Members