Question

我想把图表放在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();
    }

在aspx页面上：

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

使用Bootstrap，我有很多div，完成了由Javascript代码创建的HighCharts（下面的aspx页面代码）：

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

所以我想知道是否有一个示例/方法可以使用Bootstrap div上显示的C＃代码（使用DotNet.HighCharts引用）创建我的图表。

Answer 1

因为没有人能回答我的问题，我自己也找到了解决方案：

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

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

如果您对如何操作有疑问，请告诉我。

感谢任何人阅读这篇文章!!

问候。

FB

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

1 个答案: