如何在Reactjs中将服务器端Json数据转换为react-google-chart格式

npm install react-google-charts

import React from 'react';
import { Chart } from 'react-google-charts';

render() {
  const chartData = [];
  // ...
}

componentDidMount() {
  fetch('your_server_url')
    .then(response => response.json())
    .then(data => {
      // 处理数据转换
    })
    .catch(error => {
      console.error('Error:', error);
    });
}

.then(data => {
  data.forEach(item => {
    const chartItem = [item.label, item.value];
    chartData.push(chartItem);
  });
})

[
  { "label": "A", "value": 10 },
  { "label": "B", "value": 20 },
  { "label": "C", "value": 30 }
]

[
  ['Label', 'Value'],
  ['A', 10],
  ['B', 20],
  ['C', 30]
]

render() {
  return (
    <Chart
      chartType="PieChart"
      data={chartData}
      options={{
        title: 'My Chart',
      }}
      width="100%"
      height="400px"
    />
  );
}