0
をレンダリングするチャートの問題。 私は、チャートのheight
を増加させ、そしてチャートが全体の面積を記入持ってしようとしています。これは私が困っているところです。Telerik UI ASP.NET MVC - 私はTelerik MVCラッパーを経由してレンダリングされる棒グラフを持って
width
のサイズを変更すると、(これを処理する追加のJavaScriptコードは表示されていない限り)すぐに使えるようです。
ここでは、チャートの:
と私の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 !!!");
});
何か助けていただければ幸いです。一方で、私は...
感謝を研究し続けます、 ボブ