Kendo div 中的散点图 - 部分图表不可见

Question

我正在使用 kendo 散点图演示 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

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

Kendo div 中的散点图 - 部分图表不可见

Kendo Scatter Chart in a div - Part of the chart invisible

css

jquery

kendo-ui

kendo-chart