C# DotNet.HighCharts将图表放入Bootstrap div中的图表中_C#_Asp.net_Twitter Bootstrap_Dotnethighcharts

C# DotNet.HighCharts将图表放入Bootstrap div中的图表中

c# asp.net twitter-bootstrap

C# DotNet.HighCharts将图表放入Bootstrap div中的图表中,c#,asp.net,twitter-bootstrap,dotnethighcharts,C#,Asp.net,Twitter Bootstrap,Dotnethighcharts,我想在Bootstrap div中放置一个图表。我知道如何将图表放置在示例html页面C Highchart代码中，如下所示： protected void Page_Load(object sender, EventArgs e) { DotNet.Highcharts.Highcharts chart = new DotNet.Highcharts.Highcharts("chart") .SetXAxis(new XAxis

我想在Bootstrap div中放置一个图表。我知道如何将图表放置在示例html页面C Highchart代码中，如下所示：

    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();
    }

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

在aspx页面上：

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

使用Bootstrap，我有很多div，用Javascript codeaspx创建的HighCharts完成，页面代码如下：

    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();
    }

            <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引用。

由于没有人能够回答我的问题，我自己找到了一个解决方案：

我只使用JavaScript和Web服务在网站页面上显示HighCharts

使用它并不困难，您只需要创建好的JavaScript函数就可以正确使用HighCharts

如果你有一些关于如何做的问题，就告诉我

无论如何，感谢所有读过这篇文章的人

问候

没有人有答案吗？请大家帮忙。