Ignite UI for JavaScript – igDataChart マウス操作によるズーム(拡大・縮小)

igDataChart では、マウス操作によりチャートをズーム(拡大・縮小)することができます。ズームの可否は縦方向、横方向それぞれに対応するオプションで細かく制御を行うことができます。

isHorizontalZoomEnabled オプション・・・横方向のズーム変更可否
isVerticalZoomEnabled オプション・・・縦方向のズーム変更可否

$('#chart').igDataChart({
  ...
  isHorizontalZoomEnabled: true,
  isVerticalZoomEnabled: true,
  axes: [
    ...
  ],
  series: [
    ...
  ]
});

実行結果：マウスの矩形選択による拡大、もしくはホイールスクロールによる拡大・縮小ができます。