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

Zoomable

configuration

Specifies if the chart can be zoomed.

zoomable

Boolean|Object

Default: false

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

zoomable.mousewheel

Boolean|Object

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

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.selection

Boolean|Object

Specifies if the chart can be zoomed using selection.

Default: true

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

Zoomable

zoomable

zoomable.mousewheel

zoomable.selection

Related Members