Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Tags
- c3 step graph
- 1697
- centos pyhon 설치
- selinux port 등록
- snmp
- 정규식 문자열 출력
- c3 초
- c3 축 가리기
- c3 축 없애기
- gcc regex
- influxdb 설치
- gcc 업데이트
- g++ 업데이트
- 정규식 컴파일
- regex_search
- c3 second
- python popen
- python os
- snmp test
- c++ 정규식
- python subprocess
- linux시간으로 변경
- subporcess path
- semanage
- 백준
- grafana dashboard
- CentOS7
- telegraf
- 정규식 활용
- InfluxDB
Archives
- Today
- Total
리셋 되지 말자
[C3]자료를 초까지 나타내는 법 본문
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'
columns: [
['x', '2017-01-01 12:13:20'],
// ['x', '20130101', '20130102', '20130103', '20130104', '20130105', '20140106'],
['data1', 3],
],
type: 'bar'
},
bar: {
width: {
ratio: 1.0
}
},
axis: {
x: {
type: 'timeseries',
tick: {
format: '%Y-%m-%d %H:%M:%S'
}
}
}
});
위와같이 입력해주면,
년, 월, 일, 시간, 분, 초까지 나타낼 수 있다.
'C3 그래프' 카테고리의 다른 글
[c3] 그냥 저장용.... (0) | 2020.03.09 |
---|---|
[C3] 아래 그래프 그리는 게시물들 종합본 (0) | 2020.03.08 |
[C3] x축이나 y축의 값을 안보이게 하는법 (0) | 2020.03.08 |
[C3] 이진 데이터 표시를 위한 Step Graph (0) | 2020.03.08 |
Comments