在Javascript中从选定内容的左上角和右下角单元格中获取id

目前，我在一个表行中有1440个数据点。多行。 行数可以不同，但无论是哪一行，时间戳都保持不变

我想做的是通过突出显示多个单元格并仅获取左上角和右下角的时间戳来“放大”数据，从而将它们传递给PHP，以便仅从该时间段获取数据。因此，操作将是释放鼠标

例如，这里有一个片段

<tr>
  <td bgcolor="green" id="1533704400"></td>
  <td bgcolor="red" id="1533704460"></td>
  <td bgcolor="orange" id="1533704520"></td>
  <td bgcolor="green" id="1533704580"></td>
  ...
  ...
  <td bgcolor="green" id="1533772620"></td>
  <td bgcolor="yellow" id="1533772680"></td>
  <td bgcolor="green" id="1533772740"></td>
</tr>
<tr>
  <td bgcolor="blue" id="1533704400"></td>
  <td bgcolor="yellow" id="1533704460"></td>
  <td bgcolor="green" id="1533704520"></td>
  <td bgcolor="green" id="1533704580"></td>
  ...
  ...
  <td bgcolor="purple" id="1533772620"></td>
  <td bgcolor="blue" id="1533772680"></td>
  <td bgcolor="green" id="1533772740"></td>
</tr>
...
...
<tr>
  <td bgcolor="green" id="1533704400"></td>
  <td bgcolor="red" id="1533704460"></td>
  <td bgcolor="orange" id="1533704520"></td>
  <td bgcolor="green" id="1533704580"></td>
  ...
  ...
  <td bgcolor="green" id="1533772620"></td>
  <td bgcolor="yellow" id="1533772680"></td>
  <td bgcolor="green" id="1533772740"></td>
</tr>

...
...
...
...
...
...
...
...

输出如下所示：

因此，如果您选择鼠标，您将得到2个值，比如1533729660和1533740340，然后当您取消单击以生成具有该数量数据点的“放大”版本时，我可以将这些值传递给PHP

我的第一个问题，这可能吗？我已经在网上搜索了几天，找不到任何与此相关的东西。我希望做与图形相同的事情，但是这个输出没有图形类型

---

我的第二个问题是，我不认为我可以使用ID，因为ID应该是唯一的，在我的情况下，每卷都会有重复的ID。

关于ID是唯一的，你是对的。如果有多个元素将使用相同的ID，请尝试使用类似于

data ID=“1533704400”

的内容。至于“放大”，你可以想象一下，当你在谷歌上搜索时，你只能看到成千上万个结果中的10个。您将需要能够只显示总数的一部分。使用PHP限制数据量并仅显示该数据。@Ricca问题是图表显示了一天的活动（1440分钟）。这是故意的。但是，有人要求我们添加一个缩放功能，以便他们可以在特定的时间范围内放大。数据id已被用作当您单击单元格时，有关事件的信息会弹出，因此无法使用。对于限制数据，即计划，一旦通过鼠标选择给出开始和结束的时间值。