Javascript (kendoUI图表)是否可以通过调整窗口大小来回流其大小?
以下是饼图的设置:Javascript (kendoUI图表)是否可以通过调整窗口大小来回流其大小?,javascript,css,highcharts,kendo-ui,Javascript,Css,Highcharts,Kendo Ui,以下是饼图的设置: function createChart(chartDataSource) { $("#chart").kendoChart({ theme:$(document).data("kendoSkin") || "black", title:{ text:"Efficiency" }, legend:{ position:"bottom" },
function createChart(chartDataSource) {
$("#chart").kendoChart({
theme:$(document).data("kendoSkin") || "black",
title:{
text:"Efficiency"
},
legend:{
position:"bottom"
},
dataSource:chartDataSource,
series:[
{
type:"pie",
field:"val",
categoryField:"status"
}
],
tooltip:{
visible:true,
template:"${category} - #= kendo.format('{0:P}', percentage)#"
}
});
CSS样式:
#chart {
width: 50%;
height: 50%;
}
我知道Highcharts已经reflow
boolean()完全满足了我的要求
我不确定kendoUI图表是否具有相同的回流设置,或者我应该使用CSS样式。如果选择CSS,如何设置
感谢您将我的想法应用到您的链接帖子中,只需挂起窗口调整事件并重新绘制图表:
$(window).resize(function()
{
var chart = $("#chart").data("kendoChart");
chart.refresh();
});
工作小提琴。谢谢,我一直在考虑使用刷新来更新图表,这是唯一的处理方法吗?或者可以应用一些CSS代码来解决这个问题。谢谢,马克,非常感谢。如果您有时间,请看一看,我已经尝试修复了很长时间。$(窗口).resize(函数(){kendo.resize($(“.k-chart”);});将在不刷新图表的情况下执行此操作。