javascript - 可折叠 TreeMap v4 和 Internet Explorer

Question

我正在使用这个 d3 Javascript 库:https://bl.ocks.org/d3noob/43a860bc0024792f8803bba8ca0d5ecd

当我使用 Google Chrome 时，它​​工作正常，但当我使用 Internet Explorer 11 时。我收到错误:

 path = `M ${s.y} ${s.x}
                                 C ${(s.y + d.y) / 2} ${s.x},
                                    ${(s.y + d.y) / 2} ${d.x},
                     ${d.y} ${d.x}`

问题在于符号`。我知道 Internet Explorer 和 Chrome “读取”代码的方式不同，但如何修改我的代码以在 Internet Explorer 或两者中工作？

Answer 1

如果不支持模板文字，只需通过连接字符串和变量来构建路径，就像之前的 ES6 所做的那样:

path = "M " + s.y + " " + s.x + " C " + ((s.y + d.y) / 2) + " " + s.x + ", " + ((s.y + d.y) / 2) + " " + d.x + ", " + d.y + " " + d.x;