Javascript 响应节理图

我使用joint js library在html中创建一个图表，但我需要它作为mi站点响应。问题是，我将它放在一个div中，其中包含一个java类，该类用以下代码打开和关闭：

$('.open-down-up').click(function(){
  var nameMore = $(this).attr("name");
  var valMore = $(this).attr("value");
  if(valMore == 0){
      $(this).find('span').empty();
      $(this).find('span').append("▼");
      $('div[id='+nameMore+']').slideDown("normal");
      $(this).attr("value","1");
  }else if(valMore == 1){
      $(this).find('span').empty();
      $(this).find('span').append("►");
      var n = nameMore.indexOf("process_process");
      $('div[id='+nameMore+']').slideUp("normal", function(){
          var n = nameMore.indexOf("process_process");
          if(n > -1){
              hide_panel_all();
          }
      });
      $(this).attr("value","0");
  }
});

所以，我已经尝试过这样的方法：

var graph = new joint.dia.Graph;

var paper = new joint.dia.Paper({
 el: $('#modelCanvas'),
 gridSize: 10,
 height: $('#modelCanvas').height(),
 width: $('#modelCanvas').width(),
 gridSize: 1,
 model: graph,
});

但它不起作用…我能应用什么想法或方法

---

提前感谢。

我找到了一种方法，它可能对需要调整大小的用户有帮助：

有必要沿着窗口缩放整个纸张，因此，我们在其上创建一个javascript事件：

window.onresize = function(event) {
        paper.setDimensions($('#your_div_id').width());
        paper.scaleContentToFit({minScaleX: 0.3, minScaleY: 0.3, maxScaleX: 1 , maxScaleY: 1});

};

使用关节js属性，根据该事件调整画布和div的大小，但仅影响宽度，然后为X轴和Y轴设置最大比例。当然，Yopu可以根据您的需要对其进行调整，并在其上设置条件

---

希望对我有帮助

我找到了一种方法，它可能对那些需要它来调整大小的人有帮助：

有必要沿着窗口缩放整个纸张，因此，我们在其上创建一个javascript事件：

window.onresize = function(event) {
        paper.setDimensions($('#your_div_id').width());
        paper.scaleContentToFit({minScaleX: 0.3, minScaleY: 0.3, maxScaleX: 1 , maxScaleY: 1});

};

使用关节js属性，根据该事件调整画布和div的大小，但仅影响宽度，然后为X轴和Y轴设置最大比例。当然，Yopu可以根据您的需要对其进行调整，并在其上设置条件

---

希望对我有帮助

你在@WilfEngel-yup尝试过这些解决方案，但都不起作用吗？你在@WilfEngel-yup尝试过这些解决方案，但都不起作用吗