var axisDataLabels = React.useState([]);
  chartData.forEach((item, idx) => {
    axisDataLabels.push({
      value: item.population,
      text: item.population.toString() //해당 데이터 레이블 값에 대한 사용자 정의 텍스트 레이블을 정의할 수 있음
    });
  });

  return (
    <div className="App">
      <div className="container-fluid">
        <wjChart.FlexChart
          ref={chartRef}
          bindingX="year"
          chartType="LineSymbols"
          itemsSource={chartData}
        >
          <wjChart.FlexChartAxis
            wjProperty="axisY"
            binding="value,text"
            itemsSource={axisDataLabels}
          ></wjChart.FlexChartAxis>
          <wjChart.FlexChartSeries
            name="Population"
            binding="population"
          ></wjChart.FlexChartSeries>
        </wjChart.FlexChart>
      </div>
    </div>
  );