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

时间:2017-06-17 08:01:22

标签: d3.js graph aframe

我很困惑,如何提供x,y,z-scaling点以及在图形区域之外的几个点和主要逻辑在 hidden.aframe-scatter-component.js

代码链接链接:https://plnkr.co/edit/7Nz24nheYv6wehLYzEs1

enter image description here

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

1 个答案:

答案 0 :(得分:1)

d3.extent()中的plotData = function (data)存在问题。
由于某种原因,它没有把&#34; 10&#34;在数组中,所以不是[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]]);

考虑到你的大部分数据都是&lt; forked plunk,我的enter image description here似乎工作正常。 5.1
如上所述,请使用范围功能制作一个较小的示例,并检查它为何如此表现。
在我的分叉中,你也会找到一个wScale var或者其他什么,我需要熟悉这个d3的东西。