网页上的Excel图表

Question

我有大约40张excel表格，其中包含每小时的性能报告。它在工作表中有带有颜色编码的图表。我想在网页上显示excel图表，以便每当excel工作表发生变化时网页上的图表也将得到更新。我怎样才能做到这一点。我是一家公司的初学者，这是我的第一个项目，我了解我必须使用javascript并对此做出反应，但是我不确定如何开始以及应该采用哪种方法。谁能提供一些建议，让我开始]

Answer 1

这是复杂性任务：

1. 将数据从excel下载到.csv
2. 将数据转换为json：http://www.convertcsv.com/csv-to-json.htm
3. 直观上，您应该知道哪个图表最合适

4. 您选择适当的库（https://dev.to/giteden/top-5-react-chart-libraries-for-2020-1amb）

5. 现在的问题是该数据应如何更改？它们应该是动态的吗？您可以从创建原始数据显示开始：

您将数据保存在.json中，您可以：

• 从文件读取
• 手动
• 与数据库连接

示例组件-（架构的将更加复杂）

const data = [
    {
        "Name": "David",
        "Age": 27,
        "Hour": "7"
    },
    {
        "Name": "Ton",
        "Age": 26,
        "Hour": "12"
    },
    {
        "Name": "Kitty",
        "Age": 30,
        "Hour": "12"
    },
    {
        "Name": "Linda",
        "Age": 30,
        "Hour": "2"
    },
    {
        "Name": "Joe",
        "Age": 40,
        "Hour": "24"
    }
]


      <LineChart width={500} height={300} data={data}>
        <XAxis dataKey="name"/>
        <YAxis/>
        <CartesianGrid stroke="#eee" strokeDasharray="5 5"/>
        <Line type="monotone" dataKey="uv" stroke="#8884d8" />
        <Line type="monotone" dataKey="pv" stroke="#82ca9d" />
      </LineChart>