ScatterPlot

Normal Zoom

.zoom(true) 설정을 하여 마우스 드래그를 사용하여 수직-수평 축을 확대 축소 한다.

      
import scatter from 'daisy-chart/src/layouts/scatter';

var randSize = 512;
var dataset = [];
var d, i;
for (i = 0; i < randSize ; i++) {
  let categoryUnit = String.fromCharCode(i  % 3 + 65);
  d = {category : categoryUnit, x : i , y: Math.random() * 10000, z: Math.random() * 10000}
  dataset.push(d);
}

scatter().data(dataset)
  .name('scatter')
  .container('#daisy-example')
  .dimension('category')
  .measures(['y', 'z'])
  .grid(true)
  .zoom(true)
  .axis('x').axis('y')
  .render();