2012-02-10 22 views
2

代碼,我剛剛發現DotNetHighCharts DLL來生成圖表: http://dotnethighcharts.codeplex.com/使用DOTNET的HighCharts dll文件來生成圖表背後

我添加的dll到我的項目,並把樣本代碼在我的Page_Load事件中得到一個餡餅(我不是用MVC的工作,現在,所以我只是把什麼是演示的控制器)

protected void Page_Load(object sender, EventArgs e) 
    { 
     Highcharts chart = new Highcharts("chart") 
     .InitChart(new Chart { PlotShadow = false }) 
     .SetTitle(new Title { Text = "Browser market shares at a specific website, 2010" }) 
     .SetTooltip(new Tooltip { Formatter = "function() { return '<b>'+ this.point.name +'</b>: '+ this.percentage +' %'; }" }) 
     .SetPlotOptions(new PlotOptions 
     { 
      Pie = new PlotOptionsPie 
      { 
       AllowPointSelect = true, 
       Cursor = Cursors.Pointer, 
       DataLabels = new PlotOptionsPieDataLabels 
       { 
        Color = ColorTranslator.FromHtml("#000000"), 
        ConnectorColor = ColorTranslator.FromHtml("#000000"), 
        Formatter = "function() { return '<b>'+ this.point.name +'</b>: '+ this.percentage +' %'; }" 
       } 
      } 
     }) 
     .SetSeries(new Series 
     { 
      Type = ChartTypes.Pie, 
      Name = "Browser share", 
      Data = new Data(new object[] 
             { 
              new object[] { "Firefox", 45.0 }, 
              new object[] { "IE", 26.8 }, 
              new DotNet.Highcharts.Options.Point 
              { 
               Name = "Chrome", 
               Y = 12.8, 
               Sliced = true, 
               Selected = true 
              }, 
              new object[] { "Safari", 8.5 }, 
              new object[] { "Opera", 6.2 }, 
              new object[] { "Others", 0.7 } 
             }) 
     }); 

    } 
} 

}

的問題是,北距出現在我的頁面,這是 的重新添加任何東西? 在此先感謝

+1

看看我在一個替代方案中使用.NET生成圖表(使用HighCharts)的條目少於5行。 http://stackoverflow.com/questions/12413606/using-highcharts-javascript-in-web-application/12750922#12750922 – CPhelefu 2012-10-05 17:11:25

回答

3

我不熟悉庫,但所有這些代碼似乎是在後面的代碼中創建一個對象。你將需要做一些事情,使其呈現在頁面中。

看着後面的代碼示例代碼有一行

ltrChart.Text = chart.ToHtmlString(); 

這是你錯過了位。您需要在圖表對象上調用ToHtmlString(),並將該字符串分配給頁面中的文字或佔位符。

要創建文字只是某處添加此代碼在頁面上....

<asp:Literal ID="ltrChart" runat="server"></asp:Literal> 

...和圖表應該出現在那裏。

+0

非常感謝您的幫助,但我只是嘗試過這一點,很遺憾,即使它看起來很連貫 – Slrg 2012-02-10 09:38:51

+0

圖表對象本身的構造可能會出錯。你有沒有嘗試過複製演示http://dotnethighcharts.codeplex.com/中的圖表構造函數(關於它如何工作的第3點)。檢查它是否有效 - 至少會縮小問題的範圍。 – 2012-02-10 09:40:12

+0

另外要檢查 - 你是否在頁面中包含必要的javascript(點2是如何工作的)。你確定這個腳本被正確引用嗎? – 2012-02-10 09:45:14