javascript - d3 从点数组渲染多边形

标签 javascript arrays d3.js polygon

我正在使用 d3 和点字符串渲染多边形,如下所示:

shapes.enter()
.append("polygon")
.attr("points", function(d) {
    return d.path; // string of points ("123.123 22.334 ....")
});

我有一个数组中的点,我正在使用 array.join("") 来获取字符串路径。

问题是我有很多点,而连接是一个繁重的操作。

  • 有没有办法将数组本身传递到点属性中而不生成字符串路径?

  • 或者,如果您有如何有效地将 float 组转换为字符串路径的提示?

<小时/>

答案:

最终,我们将数组划分为子数组,并将每个子数组单独连接到字符串,最后我们连接所有字符串。 不知何故,它比我们尝试过的任何其他事情都要快。

最佳答案

最终,我们将数组划分为子数组,并将每个子数组单独连接到字符串,最后我们连接所有字符串。

不知怎的,它比我们尝试做的任何其他事情都要快(array.join整个数组或每个元素的字符串连接)

关于javascript - d3 从点数组渲染多边形,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35771976/

相关文章:

javascript - 将多个可观察量的结果处理到数据库并添加到数据库一次

ios - 从 Swift 中的数组中删除当前对象

c - memcpy() 更改不应触及的内存

java - 求二维数组中所有元素的总和

javascript - 更新气泡图中的数据时如何将圆圈保留在 svg 内

javascript - 是否可以在评估右侧之前强制 `=` 的左侧完全评估为引用?

javascript - Highcharts 同步图表显示工具提示

javascript - Three.js 和 Tween.js 动画链不循环

javascript - D3 条形图上文本标签的定位

javascript - 无法从 d3 中的 csv 文件导入数据