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

标签 jquery css kendo-ui kendo-chart

我正在使用演示的剑道散点图 HERE .我在我的元素中使用它,但它被部分隐藏了。它超过了div。如何修复它以使其宽度与 div 的宽度相同。 (目前 div 上没有任何特殊样式) 该图表包含在下面。 enter image description here

最佳答案

您可以使用 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 毫秒发生超过一次。

关于jquery - div 中的 Kendo 散点图 - 部分图表不可见,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35650883/

相关文章:

javascript - JS 选择更改

jquery - 将鼠标悬停在区域上时图像映射中的错误

css - 如何控制 KendoUI 下拉菜单的定位并防止其与输入文本框重叠?

jquery - 单击窗口外的叠加层时如何关闭 KendoUI 模式窗口?

jquery - 免费 jqGrid 4.8.0 - getCell 在上次更新后不起作用

javascript - 操作 JavaScript 对象的最佳方式是什么?

CSS3 does::after 继承IE9 中origin 元素的高度和边距?

css - IE7 CSS 填充 Internet Explorer 7

templates - Kendo Grid DetailTemplate,访问SubGrid值的条件表达式

jquery - 当我们在 bootstrap 中向下滚动时如何在顶部附加 div