2016-05-04 14 views
0

をレンダリングするチャートの問題。 私は、チャートのheightを増加させ、そしてチャートが全体の面積を記入持ってしようとしています。これは私が困っているところです。Telerik UI ASP.NET MVC - 私はTelerik MVCラッパーを経由してレンダリングされる棒グラフを持って

widthのサイズを変更すると、(これを処理する追加のJavaScriptコードは表示されていない限り)すぐに使えるようです。

ここでは、チャートの:

enter image description here

と私のcshtmlページのチャートの定義:私はJavaScriptでresizeイベントをキャプチャしようとした

@* Comparison chart *@ 
 
@(Html.Kendo().Window() 
 
.Name("window") 
 
.Title("Comparison") 
 
.HtmlAttributes(new { @class = "chart-window " + guid }) 
 
.Visible(false) 
 
.Draggable() 
 
.Resizable() 
 
.Width(700) 
 
.Height(600) 
 
.Actions(actions => actions.Maximize().Close()) 
 
.Content(@<text> 
 
<div class="chart-wrapper"> 
 
@(Html.Kendo().Chart() 
 
\t .Name("chart") 
 
\t .Theme("Material") 
 
\t //.Title("Comparison Chart") 
 
\t .Legend(legend => legend.Position(ChartLegendPosition.Top)) 
 
\t .ChartArea(chartArea => chartArea.Background("transparent")) 
 
\t .Series(series => 
 
\t { 
 
\t \t series.Bar(Model.Where(m => !m.SubTitle.Equals("ALL", StringComparison.OrdinalIgnoreCase)).Select(m => (double)m.Utilisation)) 
 
\t \t \t .Name(Settings.Whatif.SummaryCurrentExposureName) 
 
\t \t \t .Color("#5cb85c") 
 
\t \t \t .Labels(labels => labels.Visible(true).Format("{0:,0}")) 
 
\t \t \t .Spacing(0) 
 
\t \t \t .Gap(2); 
 

 
\t \t if (Model.Any(a => a.WhatIfRun)) 
 
\t \t { 
 
\t \t \t series.Bar(Model.Where(m => !m.SubTitle.Equals("ALL", StringComparison.OrdinalIgnoreCase)).Select(m => (double)m.WhatifExposure)) 
 
\t \t \t \t .Name("What-if") 
 
\t \t \t \t .Color("#222222") 
 
\t \t \t \t .Labels(labels => labels.Visible(true).Format("{0:,0}")); 
 
\t \t } 
 

 
\t }) 
 
\t .CategoryAxis(axis => axis 
 
\t \t .Name("label-axis") 
 
\t \t .Categories(Model.Where(m => !m.SubTitle.Equals("ALL", StringComparison.OrdinalIgnoreCase)).Select(m => m.Title + "\n" + m.SubTitle)) 
 

 
\t) 
 
\t .ValueAxis(axis => axis 
 
\t \t .Numeric() 
 
\t \t .Labels(labels => labels.Format("{0:,0}").Rotation(-90)) 
 
\t \t .Line(line => line.Visible(false)) 
 
\t \t .AxisCrossingValue(0, int.MinValue) 
 
\t) 
 
\t .Tooltip(tooltip => tooltip 
 
\t \t .Visible(true) 
 
\t \t .Format("{0:,0}") 
 
\t \t .Template("#= series.name #: #= kendo.toString(value, 'n0') #") 
 
\t) 
 
) 
 
</div> 
 
</text>) 
 
)

しかし、このイベントには当たらない:

$(".chart-wrapper").resize(function() 
{ 
    alert("RESIZED !!!"); 
}); 

何か助けていただければ幸いです。一方で、私は...

感謝を研究し続けます、 ボブ

答えて

0

は高さ.ChartArea()プロパティを使用すると、どのような作品であることが判明しました。

だから、チャートが完全に指定された高さにレンダリングする原因となっている行は、次のとおりです。

.ChartArea(chartArea => chartArea.Background("transparent").Height(600)) 

enter image description here

関連する問題