ChartData

차트 전용 데이터 모델.
시리즈 설정 시 data 속성에 값 배열을 직접 지정하는 대신, 이 데이터를 참조하도록 할 수 있다.

const data = RealChart.createData({ fields: ['name', 'value'] }, [
     ['name1', 341],
     ['name2', 341],
     ...
]);
const config = {
     series: {
         type: 'line',
         data,
     },
}
const chart = RealChart.createChart(document, 'div', config);

또, 시리즈에 연결된 상태에서 setValue 등으로 값들을 변경하면 시리즈에 바로 반영된다.
[주의] 이 객체의 생성자 대신 createData를 이용해 생성해야 한다.

Properties

rowCount: number (opens in a new tab) readonly

행 수.

default :undefined

Methods

addRow(values, row?): void (opens in a new tab)

지정한 필드 값 목록으로 구성된 신규 행을 지정한 위치에 추가한다.
이 데이터에 연결된 시리즈의 데이터포인트가 추가된다.

data.addRow({
  field1: 'value1',
  field2: 123,
  ...
});

deleteRow(row?): void (opens in a new tab)

지정한 위치의 행이 삭제된다.
이 데이터에 연결된 시리즈의 해당 데이터포인트가 제거된다.

data.deleteRow(data.rowCount - 1);

getValue(row, field): any (opens in a new tab)

지정한 행의 필드 값을 리턴한다.

console.log(data.getValue(0, 'name'));

return 필드 값

setValue(row, field, value): void (opens in a new tab)

지정한 행의 필드 값을 변경한다.
이 데이터에 연결된 시리즈의 해당 데이터포인트의 값이 변경된다.

const {row, field} = getField();
data.setValue(row, field, data.getValue(row, field) + 1);