Chart

<div class="lineChart"></div>
<div class="splineChart"></div>

name		type	value	description
target		string		차트를 생성할 대상의 선택자(selector)
type		string	line	라인차트
series		Array		name, data 로 구성된 object array
xaxis	type	string	'datetime'	가로축 분류 데이터 타입
	categories	array		가로축 분류 데이터

name		type	value	description
target		string		차트를 생성할 대상의 선택자(selector)
type		string	line	라인차트
series		Array		name, data 로 구성된 object array
xaxis	type	string	'datetime'	데이터 분류 타입
	categories	array		데이터 분류

Gn.create('chart', {
  target: '.lineChart',
  type: 'line',
  series: [{
    name: 'data1',
    data: [30, 200, 100, 400, 150, 250],
  },{
    name: 'data2',
    data: [50, 20, 10, 40, 15, 25]
  }],      
  xaxis: {
    type: 'datetime',
    categories: ['2018-09-19T00:00:00.000Z', '2018-09-19T01:30:00.000Z', '2018-09-19T02:30:00.000Z', '2018-09-19T03:30:00.000Z', '2018-09-19T04:30:00.000Z', '2018-09-19T05:30:00.000Z']
  }
});

Gn.create('chart', {
  target: '.splineChart',
  type: 'spline',
  series: [{
    name: 'data1',
    data: [30, 200, 100, 400, 150, 250],
  }],
  xaxis: {
    type: 'datetime',
    categories: ['2018-09-19T00:00:00.000Z', '2018-09-19T01:30:00.000Z', '2018-09-19T02:30:00.000Z', '2018-09-19T03:30:00.000Z', '2018-09-19T04:30:00.000Z', '2018-09-19T05:30:00.000Z']
  }
});

<div class="columnChart"></div>
<div class="barChart"></div>

name		type	value	description
target		string		차트를 생성할 대상의 선택자(selector)
type		string	column	컬럼차트
series		Array		name, data 로 구성된 object array
chart	stacked	boolean	false	그래프 누적 여부

name		type	value	description
target		string		차트를 생성할 대상의 선택자(selector)
type		string	bar	바 차트
series		Array		name, data 로 구성된 object array
xaxis	categories	array		데이터 분류

 Gn.create('chart', {
    target: '.columnChart',
    type: 'column',
    chart: {
      stacked: true
    },
    series: [{
      name: 'data1',
      data: [30, 200, 100, 400, 150, 250],
    },{
      name: 'data2',
      data: [50, 20, 10, 40, 15, 25]
    }]
  });

Gn.create('chart', {
    target: '.barChart',
    type: 'bar',
    series: [{
      data: [30, 200, 100, 400, 150, 250],
    }],
    xaxis: {
      categories: ['data1','data2','data3','data4','data5','data6']
    }
  });

<div class="pieChart"></div>
<div class="donutChart"></div>

name		type	value	description
target		string		차트를 생성할 대상의 선택자(selector)
type		string	pie	파이차트
series		Array		number array
labels		Array		string array

name		type	value	description
target		string		차트를 생성할 대상의 선택자(selector)
type		string	donut	도넛차트
series		Array		number array
labels		Array		string array

Gn.create('chart', {
  target: '.pieChart',
  type: 'pie',
  series: [30, 200, 100, 400],
  labels: ['data1','data2','data3','data4']
});

Gn.create('chart', {
  target: '.donutChart',
  type: 'donut',
  series: [30, 200, 100, 400, 150, 250],
  labels: ['data1','data2','data3','data4','data5','data6']
});

<div class="radialChart"></div>
<div class="gaugeChart"></div>

name		type	value	description
target		string		차트를 생성할 대상의 선택자(selector)
type		string	gauge	게이지차트
series		Array		number array
labels		Array		string array

name		type	value	description
target		string		차트를 생성할 대상의 선택자(selector)
type		string	radial	래디얼차트
series		Array		number array
labels		Array		string array

Gn.create('chart', {
  target: '.gaugeChart',
  type: 'gauge',
  series: [30],
  labels: ['data1']
});

Gn.create('chart', {
  target: '.radialChart',
  type: 'radial',
  series: [30],
  labels: ['data1']
});