78. 데모 앱: 차트 추가하기

모든 차트의 바는 전체 차트의 최댓값을 기준으로 값을 표시한다

그래서 속성으로 maxValue도 전달한다

또 차트에 label을 넣을 건데 label값은 key 값으로 사용할 것이다

Chart.js

import ChartBar from "./ChartBar";
import "./Chart.css";
const Chart = props => {
  return <div className="chart">
    {props.dataPoints.map(dataPoint =>
      <ChartBar value={dataPoint.value} maxValue={null} label={dataPoint.label} />
    )}
  </div>
}

export default Chart;