1

It seems that the Render method is not supported in DotNet.HighCharts which makes it hard to align multiple charts in the same page. I am able to populate multiple charts on the same page, but I am not able to align them next to each other. However they will be displayed after each other. Does anyone has an idea how to display 2 charts next to each other? or even 4 charts as a block?

Note: I am using ASP.Net Mvc3.

4

2 に答える 2

2

それぞれ1つのチャートDIVコンテナを保持するDIVのセットを作成してみませんか。あなたが決めるレイアウトで（並べてまたは何でも）。そして、各チャートを必要な「マスター」コンテナに送信しますか？

私はMVCにあまり詳しくないので、ここにいくつかの疑似コードがあります。

表示ページにアドレス可能な要素（aspxなど）を含むテーブルまたはその他の構造化コンテナを作成します。次に、これらの要素の1つ（つまり、テーブルセル）内に各グラフのリテラルタグを個別に追加します。コードビハインドでは、一連のチャートではなく、個々のチャートを作成します。だから次のようなもの：

<table>
<cell1>
<asp:literal id="ltrchart1">
</cell1>
<cell2>
<asp:literal id="ltrchart2">
</cell2>
<cell3>
<asp:literal id="ltrchart3">
</cell3>
<cell4>
<asp:literal id="ltrchart4">
</cell4>
</table>

次に、コードビハインドで次のようなことを行います。

chart1 as new highcharts("chart1").....
ltrchart1.Text = chart1.ToHtmlString()

chart2 as new highcharts("chart2").....
ltrchart2.Text = chart2.ToHtmlString()

chart3 as new highcharts("chart3").....
ltrchart3.Text = chart3.ToHtmlString()

chart4 as new highcharts("chart4").....
ltrchart4.Text = chart4.ToHtmlString()

これはきれいではありませんが、それは仕事を成し遂げます。

于 2012-05-17T20:19:32.357 に答える
0

これはjsFiddleの例です

結果パネルを最大化すると、それらが隣り合って表示されます

于 2012-05-17T20:41:27.107 に答える