这里是饼图的设置:
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
bool 值 ( reflow example in StackOverflow ) 完全符合我的要求。
我不确定 kendoUI 图表是否具有相同的回流设置,或者我应该使用 CSS 样式。如果使用 CSS,如何设置?
谢谢
最佳答案
在您的链接帖子中应用我的想法,只需 Hook 窗口调整大小事件并重绘图表:
$(window).resize(function()
{
var chart = $("#chart").data("kendoChart");
chart.refresh();
});
工作 fiddle here .
关于javascript - (kendoUI 图表)可以通过调整窗口大小来重排它的大小吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11365128/