>

현재 그래프 3d 플롯에 vis.js를 시도하고 있지만 많은 시도 후에 표면 유형의 색상을 변경하는 올바른 방법을 알 수 없었습니다. 다음 코드를 사용했습니다. 더 좋은 라이브러리가 있습니까? 또는 세 개의 j를 사용하고 동일한 디스플레이를 얻는 다른 직접적인 방법입니다.

var options = {
  width: '100%',
  height: '100%',
  style: 'surface',
  showPerspective: true,
  showGrid: true,
  showShadow: false,
  keepAspectRatio: true,
  verticalRatio: 0.5,
  /*
   * style : { surfaceColor : "#ff9900" },
   */
  cameraPosition: {
    horizontal: 0.9,
    vertical: 0.4,
    distance: 2.8
  }
};
while (lx <= lengthX) {
  while (lz < lengthZ) {
    var r = this[type](lx, lz);
    data.add({
      id: counter++,
      x: r[0],
      z: r[1],
      y: r[2],
      style: 1
    });
    lz += asZ;
    lz = this.precisionRound(lz, 2);
  }
  lz = 0;
  lx += asX;
  lx = this.precisionRound(lx, 2);
}

  • 답변 # 1

    다음 옵션을 사용합니다 :

    var options = {
    layout: {
        randomSeed: undefined,
        improvedLayout:true,
        hierarchical: {
          enabled:false,
          levelSeparation: 150,
          nodeSpacing: 100,
          treeSpacing: 20,
          blockShifting: true,
          edgeMinimization: true,
          parentCentralization: true,
          direction: 'UD',        // UD, DU, LR, RL
          sortMethod: 'hubsize'   // hubsize, directed
        }
      },
    physics: {
            fit: true,
            stabilization: {
                enabled: false
            },
        },
    edges:{
        color: 'black',
        length: 100,
        font: '16px tahoma #ff0000',
        scaling:{
          label: false,
        },
        shadow: true,
        smooth: true,
      },
    nodes: {},
    interaction: {
            multiselect: false,
            navigationButtons: true,
            selectable: true,
            selectConnectedEdges: true,
            tooltipDelay: 100,
            zoomView: true
        }
      };
    
    

관련 자료

  • 이전 ios - 내 서버에서 App Store를 사용하여 영수증 확인
  • 다음 javascript - 반응 알림 CSS 가져 오기 오류