Kendo UI Diagram, SVG-полоса прокрутки и проблема с высотой

Question

Привет, пытаюсь использовать диаграмму кендо, а код реализации находится в dojo https://dojo.telerik.com/IriSAmoR/8. При увеличении изображения с помощью мыши изображение скрывается сверху / снизу и не может видеть полное изображение. хорошо, если прокрутить с обеих сторон, чтобы увидеть изображение. прикрепил изображение при увеличении.

Дайте мне знать, как просмотреть полное изображение ?. спасибо

Answer 1

нашел способ получить ожидаемое поведение, что мне нужно. Вот додзё https://dojo.telerik.com/IriSAmoR/11.

Ниже приведен код исправления.

                 zoomRate: 0,
                dataBound: function () {
                    var bbox = this.boundingBox();
                    this.wrapper.width(bbox.width + bbox.x + 50);
                    this.wrapper.height(bbox.height + bbox.y + 50);
                    this.resize();
                },

Answer 2

Функция увеличения и уменьшения масштаба (я предполагаю, что вы перемещаете мышь и прокручиваете колесико большого пальца) - это аффинное преобразование, центрированное в позиции мыши. Вы можете добавить кнопку для сброса диаграммы.

Смотрите это Додзё , который имеет

<input id="reset" type="button" value="reset" class="k-button">

и

    $(document).ready(function(){
      createDiagram();
      $("#reset").kendoButton({
        click: function() {
          var diagram = $("#diagram").getKendoDiagram();          
            diagram.bringIntoView(diagram.shapes);
        },
      });
    });