如何在three.js中使用ArrowHelper绘制圆柱体

Question

我正在尝试为ArrowHelper创建圆柱体

     var dir = new THREE.Vector3( 0, 1, 0 );
              dir.normalize();
              var origin = new THREE.Vector3( 0, 1, 0 );
              var length = 100;
              var hex = 0x00ff00;
              var lengthPlane = 5;
              var headLength = 10;
              var headWidth = 10;
              var arrowHelperY = new THREE.ArrowHelper( dir, origin, length, hex, headLength, headWidth );

   var geometry = new THREE.CylinderBufferGeometry( 5, 5, 100, 100 );
              var material = new THREE.MeshBasicMaterial( {color: 0x0000FF} );
              var cylinder = new THREE.Mesh( geometry, material );
              arrowHelperY.add( cylinder );
              this.SceneAxes.add( arrowHelperY );

结果：

代码：使用arrowhelper和圆柱体创建y轴

请帮助我做