div中的剑道散点图-图表的一部分不可见

Question

我正在使用HERE 演示的剑道散点图。我在我的项目中使用它，但它是部分隐藏的。它超过了 div。如何修复它以使其宽度与 div 的宽度相同。 （目前 div 上没有任何特殊样式） 该图表包括在下面。

Answer 1

您可以使用 kendo.resize 方法确保图表随其容器调整大小：

$(document).ready(function(){     
   createChart();
   $(window).on("resize orientationchange", function () {
       throttledResize();
   });
});

var throttledResize = kendo.throttle(function () {
    kendo.resize($("#example"));
}, 100);

更新DOJO

在示例中，每次在移动设备上调整窗口大小或方向时，都会调用 kendo.resize。此外，我正在使用油门功能，因此每 100 毫秒调整大小不会超过一次。