Line

Normal Zoom

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

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

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);
}

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