Javascript x3dom 具有可变长度的多条 polyline2d

Question

我正在尝试使用不同的轴长度 (polyline2d) 重新创建示例 here，但问题是它复制了声明的第一个轴的长度。请帮忙。

        <div id="divPlot" style="border: 1px solid black">
        <x3d style="width: 700px; height: 700px; border: medium none;" width="700px" height="700px">
            <scene render="true" bboxcenter="0,0,0" bboxsize="-1,-1,-1" pickmode="idBuf" dopickpass="true">
                <orthoviewpoint centerofrotation="5,5,5" fieldofview="-5,-5,15,15" orientation="-0.5,1,0.2,0.8796459430051422" position="8,4,15" znear="0.1" zfar="10000"></orthoviewpoint>
                <transform class="XAxis" rotation="0,0,0,0" render="true" bboxcenter="0,0,0" bboxsize="-1,-1,-1" center="0,0,0" translation="0,0,0" scale="1,1,1" scaleorientation="0,0,0,0">
                    <shape render="true" bboxcenter="0,0,0" bboxsize="-1,-1,-1" ispickable="true">
                        <appearance sorttype="auto" alphaclipthreshold="0.1">
                            <material emissivecolor="lightgray" ambientintensity="0.2" diffusecolor="0.8,0.8,0.8" shininess="0.2" specularcolor="0,0,0"></material>
                        </appearance>
                        <polyline2d class="X_PL2D" linesegments="0 0,2 0" solid="true" ccw="true" usegeocache="true" lit="true"></polyline2d>
                    </shape>
                </transform>
                <transform class="YAxis" rotation="0,1,0,-1.5707963267948966" render="true" bboxcenter="0,0,0" bboxsize="-1,-1,-1" center="0,0,0" translation="0,0,0" scale="1,1,1" scaleorientation="0,0,0,0">
                    <shape render="true" bboxcenter="0,0,0" bboxsize="-1,-1,-1" ispickable="true">
                        <appearance sorttype="auto" alphaclipthreshold="0.1">
                            <material emissivecolor="lightgray" ambientintensity="0.2" diffusecolor="0.8,0.8,0.8" shininess="0.2" specularcolor="0,0,0"></material>
                        </appearance>
                        <polyline2d class="Y_PL2D" linesegments="0 0,9 0" solid="true" ccw="true" usegeocache="true" lit="true"></polyline2d>
                    </shape>
                </transform>
            </scene>
        </x3d>
    </div>

Answer 1

替换下行

.attr("lineSegments", "0 0," + scaleMax + " 0")

和

.attr("lineSegments", scaleMax + " 0, 0 0")

使所有 polyline2D 结束于 0,0

Javascript x3dom 具有可变长度的多条 polyline2d

Javascript x3dom Multiple polyline2d with variying length

javascript

x3dom