带有 D3 js 的 A 帧无法添加 x、y、z 轴坐标点并且缩放不起作用

Question

我很困惑，如何提供 x、y、z 缩放点和图形区域之外的一些点，主要逻辑在 hidden.aframe -散点图-component.js

代码 link Link: https://plnkr.co/edit/7Nz24nheYv6wehLYzEs1

<script src="./hidden.aframe-scatter-component.js"></script>

Answer 1

您的 plotData = function (data) 中的 d3.extent() 存在问题。
出于某种原因，它没有将“10”放入数组中，因此您得到的不是 [0,10] 的范围，而是 [0,5.1] 等较小的值。在 scale.linear() 函数中映射较小的 maxRange 时，您得到的值太大了。
我已经手动将 [0,10] 放入域中（因为它似乎是你的 .csv 中补偿、willWork 和 totalFI 的限制）：

var zScale = d3.scale.linear()
                       .domain([0,10])
                       .range([zRange[0], zRange[1]]);

考虑到您的大部分数据值 < 5.1
，它在我的 forked plunk 中似乎工作正常
按照建议，请使用范围函数制作一个更小的示例，并且检查为什么它会这样。
在我的 fork 中，您还会找到一个 wScale var 或其他任何东西，我需要熟悉这个 d3 东西。

带有 D3 js 的 A 帧无法添加 x、y、z 轴坐标点并且缩放不起作用

A-frame with D3 js not able to add the x,y,z-axis coordinate point and scaling not working

graph

d3.js

aframe