1

DotNet.HighCharts 似乎不支持 Render 方法，这使得在同一页面中对齐多个图表变得困难。我能够在同一页面上填充多个图表，但我无法将它们彼此对齐。但是，它们将一个接一个地显示。有谁知道如何相邻显示 2 个图表？甚至是 4 个图表作为一个块？

注意：我使用的是 ASP.Net Mvc3。

4

2 回答 2

2

为什么不创建一组 DIV，每个 DIV 将包含一个图表 DIV 容器。使用您决定的布局（并排或其他）。然后将每个图表发送到您想要的“主”容器？

这是一些伪代码，因为我对 MVC 不太熟悉。

在显示页面（aspx 等）中创建带有可寻址元素的表格或其他结构化容器。然后在其中一个元素（即表格单元格）中分别为每个图表添加文字标签。在代码隐藏中创建您的个人图表而不是什么系列的图表。所以像：

<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 回答