javascript - 表示所描述图表的最佳方法是什么

Question

所以我有一个项目，我必须在一个连续的进度条中表示一大组值。每组数据将每 10 秒读取一次，它包含一组位置的时间和温度值（30 个值） .我有一个包含所有数据的 Json。现在，我有 3 种情况：最佳将是绿色，警告黄色和危险红色。每读取一个新集合，该条就会填充每个位置的特定颜色，并在具体时间间隔。我最初的方法是放 8 个 div（每个 8 个班次）用渐变百分比填充它们，并在每次读数时用新颜色修改渐变，但最后我必须在颜色间隔中写一些东西。例如如果警告情况持续超过 10 分钟，则会在该黄色间隔内写入一些文本。所以我的第二种方法是一个有 9 列的表。首先包含位置名称，其他是时间间隔。每次读取都会在特定时间间隔内创建一个绿色、黄色或红色 td 8n。最后我可以合并它们并编写文本，但我觉得这种方法一点也不专业。你的方法是什么？谢谢！

标签： javascriptphpcss