Edit this page

xAxis.narrowRange Boolean (default: false)

If set to true the chart will prevent the automatic axis range from snapping to 0. Setting it to false will force the automatic axis range to snap to 0.

Example - prevent scatter chart axis automatic zero snapping

<div id="chart"></div>
<script>
    $("#chart").kendoChart({
      series: [{
        type: "scatter",
        data: [[1000, 1000],[2000, 2000]]
      }],
      xAxis: {
        narrowRange: true
      },
      yAxis: {
        narrowRange: true
      }
    });
</script>

Example - force scatter chart axis zero snapping

<div id="chart"></div>
<script>
    $("#chart").kendoChart({
      series: [{
        type: "scatter",
        data: [[1000, 1000],[1100, 1100]]
      }],
      xAxis: {
        narrowRange: false
      },
      yAxis: {
        narrowRange: false
      }
    });
</script>
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy