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

Zoomable.mousewheel

configuration

Specifies if the chart can be zoomed using the mouse wheel.

zoomable.mousewheel

Boolean|Object

Default: true

<div id="chart"></div>
<script>
  $("#chart").kendoChart({
    series: [{
      data: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
    }],
    zoomable: {
      mousewheel: false
    },
    categoryAxis: {
      categories: ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J"]
    }
  });
</script>

zoomable.mousewheel.lock

String

Specifies an axis that should not be zoomed. The supported values are none, x and y.

Default: "none"

<div id="chart"></div>
<script>
  $("#chart").kendoChart({
    series: [{
      data: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
    }],
    zoomable: {
      mousewheel: {
        lock: "y"
      }
    },
    categoryAxis: {
      categories: ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J"]
    }
  });
</script>

zoomable.mousewheel.rate

Number

Specifies the zoom rate as percentage of the axis range. The default value is 0.3 or 30% of the axis range.

Default: 0.3

<div id="chart"></div>
<script>
  $("#chart").kendoChart({
    series: [{
      data: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
    }],
    zoomable: {
      mousewheel: {
        rate: 0.1
      }
    },
    categoryAxis: {
      categories: ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J"]
    }
  });
</script>