| 275 | } |
| 276 | |
| 277 | const renderChart = () => { |
| 278 | switch (effectiveChartType) { |
| 279 | case "line": |
| 280 | return <Line options={chartOptions} data={preparedData} />; |
| 281 | case "bar": |
| 282 | return <Bar options={chartOptions} data={preparedData} />; |
| 283 | case "pie": |
| 284 | return <Pie options={chartOptions} data={preparedData} />; |
| 285 | case "scatter": |
| 286 | return <Scatter options={chartOptions} data={preparedData} />; |
| 287 | default: |
| 288 | return <div>Unsupported chart type: {chartType}</div>; |
| 289 | } |
| 290 | }; |
| 291 | |
| 292 | return ( |
| 293 | <div className="chart-container"> |