CSharp - DotNet.HighCharts 将图表放在 Bootstrap div的图表中

  显示原文与译文双语对照的内容
0 0

我想在 Bootstrap div中放置一个图表。 我知道如何将图表放在示例html页面( C# Highchart代码 below ) 中:


 protected void Page_Load(object sender, EventArgs e)
 {
 DotNet.Highcharts.Highcharts chart = new DotNet.Highcharts.Highcharts("chart")
. SetXAxis(new XAxis
 {
 Categories = new[] {"Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec" }
 })
. SetSeries(new Series
 {
 Data = new Data(new object[] { 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4 })
 });

 chart1.Text = chart.ToHtmlString();
 }

在ASPX页上:


<body>
<form id="form1" runat="server">
<div> asp:Literal id="chart1" runat="server"/asp:Literal 
</div>
</form>

使用 Bootstrap,我有很多 div,由Javascript代码( aspx页代码 below ) 创建的HighCharts完成:


 <div class="col-lg-12">
 <div class="panel panel-default">
 <div class="panel-heading">
 NAME OF THE CHART
 </div>

 <div class="panel-body">
 <div class="flot-chart">
 <div class="flot-chart-content" id="HighChart Chart Created by JavaScript Code" style=" height: 400px; margin: 0 auto">
 </div>
 </div>
 </div 
 </div> 
 </div>

所以我想知道是否有一个示例/方法,使用 C# 代码( 使用 DotNet.HighCharts 引用) 在 Bootstrap div上创建图表。

时间: 原作者:

0 0

我没有人回答我的问题,我自己找到了一个解决方案:

我只使用JavaScript和WebServices在网页页面上显示 HighCharts 。

使用它并不难,你只需要使好的JavaScript函数能够正确地使用 to 。

如果你有什么问题要解决的话,请告诉我。

谢谢大家读这篇文章 !

问候。

FB

原作者:
...