syidaxchart
홈 가격 내 정보
ChartsGetting started

Chart properties.

단순한 attribute부터 구조화된 데이터, 반응형 크기와 로고까지.

새 데이터와 반응형 크기

#

관측값을 바꿀 때 새 배열을 할당합니다. 컨테이너의 실제 너비를 관찰하고, 화면 해제 시 구독을 정리하세요. 차트마다 지원하는 appendBatch·replace 등의 메서드는 해당 API reference에 설명되어 있습니다.

const chart = document.querySelector('#trend');
chart.series = chart.series.map(series => ({
  ...series,
  values: series.values.map((value, index) => index === 2 ? 35 : value)
}));

const container = chart.parentElement;
const observer = new ResizeObserver(([entry]) => {
  chart.width = Math.max(160, Math.floor(entry.contentRect.width));
});
observer.observe(container);
// 화면을 해제할 때 observer.disconnect()를 호출하세요.
ChartsTab 이동 Enter 열기