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

CategoryAxis.select.mousewheel

configuration

The mouse wheel configuration of the selection.

categoryAxis.select.mousewheel

Object

<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.mousewheel.reverse

Boolean

If set to true will reverse the mouse wheel direction. The normal direction is down for "zoom out", up for "zoom in".

Default: true

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

categoryAxis.select.mousewheel.zoom

String

The zoom direction.

The supported values are:

"both" - zooming expands and contracts the selection both sides
"left" - zooming expands and contracts the selection left side only
"right" - zooming expands and contracts the selection right side only

Default: "both"

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