리셋 되지 말자

var chart = c3.generate({ data: { x: 'x', columns: [ ['x','1553708269','1553708270','1553708271' ], ['data1', 1,1,1 ] ], types: { data1: 'area-step', }, axes: { data1: 'y', data2: 'y' } }, axis: { y: { show: false }, x: { show:false } } });

var chart = c3.generate({ data: { x: 'x', xFormat: '%Y-%m-%d %H:%M:%S', columns: [ ['x', '2017-01-01 12:13:20', '2017-01-01 12:13:21', '2017-01-01 12:13:22', '2017-01-01 12:13:23', '2017-01-01 12:13:24', '2017-01-01 12:13:25', '2017-01-01 12:13:26'], ['data1', 0, 1, 0, 1, 1, 1, 0], ['data2', 1, 1, 0, 0, 1, 1, 0] ], types: { data1: 'area-step', data2: 'area-step' }, axes: { data1: 'y', data2: 'y'..

y축 값을 0, 1 두 가지만 표시가 되도록 하고 싶었는데, 자꾸 0.1, 0. 2... 와 같이 사이값들이 표시가 되어서 그냥 가리려고 찾은 방법이다. var chart = c3.generate({ data: { columns: [ ['data1', 30, 200, 100, 400, 150, 250], ['data2', 50, 20, 10, 40, 15, 25] ], axes: { data1: 'y', data2: 'y2' } }, axis: { y2: { show: true }, y: { show: false } } }); 위와같이 하면, y나 y2가 true면 보이고 false면 안보이게 된다.

var chart = c3.generate({ data: { x: 'x', xFormat: '%Y-%m-%d %H:%M:%S', columns: [ ['x', '2017-01-01 12:13:20', '2017-01-01 12:13:21', '2017-01-01 12:13:22'], ['data1', 0, 1, 0], ['data2', 1, 1, 0] ], types: { data1: 'area-step', data2: 'area-step' } }, axis: { x: { type: 'timeseries', tick: { format: '%Y-%m-%d %H:%M:%S' } } } }); c3홈페이지에서 적용해보면, Timeseries로 서로 겹치는 부분이나 안겹치는 부분을 구별할 수 있도록 하였다.

https://c3js.org/examples.html C3.js | D3-based reusable chart library Number Format Localization Number format localization using D3 locale settings. View details » c3js.org 위의 사이트에서 간단하게 여러 그래프를 그릴 수있는데, X축을 시간으로 하는데, 예시와는 다르게 해야한다. xFormat을 추가해준다. var chart = c3.generate({ data: { x: 'x', xFormat: '%Y-%m-%d %H:%M:%S', // xFormat: '%Y%m%d', // 'xFormat' can be used as custom format of 'x' colu..