OptionaldatasetIndexOrData: any데이터셋 인덱스(숫자) 또는 추가할 데이터. 숫자가 아니면 데이터로 간주하고 마지막 데이터셋에 추가됩니다.
Optionaldata: any추가할 데이터 (단일 객체 또는 배열). 첫 번째 인자가 데이터인 경우 생략.
Protecteddecorate데이터셋 UID(문자열) 또는 인덱스(숫자)
데이터셋 UID(문자열) 또는 인덱스(숫자)
새로운 데이터셋
Optionaloptions: CustomBarChartOptionsOptionalplugins: anyProtectedlabelsProtectedoptionsProtected OptionalpluginsReadonlytypeStaticregistryProtecteddatasetsProtectedconfigProtectedisProtectedisProtectedisProtectedmustProtectednormalizeProtectedrequireStaticcreateOptionaloptions: CustomChartOptions<TType>Optionalplugins: Plugin<keyof ChartTypeRegistry, AnyObject>StatichasStaticregister축의 ID (예: 'x', 'y', 'y1', 'x1')
축 제목 설정 옵션
Beta간트차트 스타일을 적용합니다. 데이터의 x 값은 반드시 yyyy-mm-dd 포맷이어야 합니다. X축을 time scale로 설정하고, indexAxis를 'y'로 설정하여 horizontal bar chart로 표시합니다. 모든 dataset에 borderWidth: 1, borderSkipped: false가 자동으로 적용됩니다.
// 간트차트 데이터 형식 (배열):
const datasets = [
{
label: 'Task 1',
data: [['2024-01-01', '2024-01-05']],
backgroundColor: 'rgba(255, 99, 132, 0.5)'
},
{
label: 'Task 2',
data: [['2024-01-03', '2024-01-08']],
backgroundColor: 'rgba(54, 162, 235, 0.5)'
}
];
// 간트차트 데이터 형식 (객체):
const datasets = [
{
label: 'Task 1',
data: [
{ x: '2024-01-01', y: 0 },
{ x: '2024-01-05', y: 0 }
]
}
];
const chart = ChartWrapper.create('bar', ['Task 1', 'Task 2'], datasets)
.ganttChart()
.build();
@beta (기능 테스트 중)
chartjs-plugin-streaming 플러그인에 전달할 옵션 객체.
실시간 스트리밍 옵션을 설정합니다. 이 메서드를 사용하기 전에, 사용자는 'chartjs-plugin-streaming'을 설치하고 Chart.js에 직접 등록해야 합니다.
// 1. 사용자 측에서 웹소켓 등 데이터 소스 설정
const myWebSocket = new WebSocket('wss://my-data-source');
// 2. ChartWrapper에 스트리밍 옵션 적용
chart.addStreaming({
duration: 20000, // 20초 분량의 데이터를 차트에 표시
refresh: 1000, // 1초마다 차트 업데이트
onRefresh: (chart) => {
// 3. 데이터 소스로부터 받은 데이터를 차트에 추가
myWebSocket.onmessage = (event) => {
const data = JSON.parse(event.data);
chart.data.datasets[0].data.push({
x: data.timestamp,
y: data.value
});
};
}
});
Description
차트 설정 객체를 생성합니다. 이 메소드는 차트의 구성 요소를 종합하여 Chart.js에서 사용할 수 있는 형식으로 반환합니다.
Since
1.0.0