在JavaScript/html中水平镜像d3图形

我试图在不改变轴的情况下在JS中翻转图形。 JavaScript不是我的专长，在谷歌搜索了4个小时后，我开始认为这是不可能的。 有人能给我指一下正确的方向吗

可变宽度=960， 高度=500； d3.jsondata2.json，函数错误，热图{ var dx=热图[0]。长度， dy=热图长度； //固定纵横比。 //var ka=dy/dx，kb=高度/宽度； //如果ka我看到你实际上并没有在代码中使用D3来制作图像本身。在嵌套循环中，当手动生成位图图像时，可以反向遍历数据。您不应该直接在x上索引行热图[y]，而应该在dx-x-1上索引，该列编号从右侧开始计数

---

另外，在这里混合SVG和画布绘制技术似乎有点奇怪。根据显示的数据量，使用SVG绘制热图可能也很有价值，这将允许您仅使用一个API绘制图表，并支持交互。或者，如果静态图像更合适，例如如果数据规模很大，您可以在画布上绘制整个图形。

图形的输入和输出将相当大，这是科学数据。我唯一的要求是：-输入和输出必须是.json-输出必须水平镜像。e、 g.向上变为向下：-将来，我们将尝试使图形与显示值的工具提示交互。在这种情况下，更改为“所有画布”是更好的选择吗？最好的方法是什么？如果你想提供关于悬停的工具提示，那么如果你用SVG呈现图表，那么作为一名开发人员，你的生活会变得容易得多，因为每个SVG元素都有规则的DOM悬停行为。要在画布上获得相同的效果，需要计算鼠标的相对位置，并且可能需要解决跨浏览器的问题。此外，我认为在上下切换时（即在水平轴上）镜像的术语通常是垂直镜像。