javascript - d3.js 带有刷色的散点矩阵 - 比例误差

标签 javascript d3.js scatter-plot brush

我尝试重用“刷散分散矩阵”的示例:http://bl.ocks.org/mbostock/4063663

enter image description here

该代码似乎不能直接与另一个 csv 重用。比例似乎以某种方式硬编码左右:我通过添加第一列值的 10% 到 75% 来更改 csv,并且 xscale 不会直接更新。 要直观地了解该问题,请参阅 mbostock 要点的分支:http://bl.ocks.org/fdeheeger/7249196

我无法弄清楚在 JavaScript 代码中计算或更新比例的位置/方式。

d3 专家有什么建议吗?

最佳答案

比例是动态计算的——问题是 CSV 中的数字被解析和处理为字符串而不是数字。原始 block 中也是如此,但这并不重要,因为字符串的顺序与数字的顺序相同。

要解决此问题,您所需要做的就是将字符串解析为数字:

domainByTrait[trait] = d3.extent(data, function(d) { return +d[trait]; });

加号使一切变得不同。完整示例 here .

关于javascript - d3.js 带有刷色的散点矩阵 - 比例误差,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19708380/

相关文章:

javascript - 如何画 donut ?

r - 使用 R 中的 ggplot2 绘制具有平均段的分类散点图

javascript - 在图表之间切换

javascript - d3/c3 图表加载缓慢

javascript - 无法从函数内部更改全局变量的值

javascript - 解释 Mike Bostock 节点解析循环

r - 使用 plotly 创建色带

matplotlib 散点图 : How to use the data= argument

javascript - Bootstrap 工具提示在折叠 div 内的位置

javascript - Recaptcha 适用于移动设备,但不适用于桌面设备