Question

DotNet.HighCharts似乎不支持Render方法，这使得很难在同一页面中对齐多个图表。我可以在同一页面上填充多个图表，但我无法将它们彼此对齐。然而，它们将在彼此之后显示。有没有人知道如何显示彼此相邻的2个图表？甚至4个图表作为一个块？

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

Answer 1

为什么不创建一组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()

这不是很好，但它完成了工作。

Answer 2

这是jsFiddle

的示例

如果你只是最大化结果面板，你会看到它们彼此相邻

对齐多个DotNet.HighCharts

2 个答案: