dotnet Highcharts 3D散點圖

Question

我使用Codeplex提供的dotnet庫在asp.net web表單上繪製Highcharts圖。雖然我成功地繪製了幾種類型的圖表，但我很難繪製3D散點圖。它具有一些附加功能，通過跟蹤鼠標來旋轉圖。

有人在.Net平臺上試過這個3D散點圖嗎？你如何使用無法放入var chart = new Highcharts.Chart(...)塊的js代碼？

Answer 1

在該項目的網站是a package with samples。在這些演示中你可以找到3d列。在編輯它的代碼來改變系列類型和數據格式後，我得到了一個可用的3d散點圖。我使用的代碼：

public ActionResult ThreeDColumn() 
{ 
    Highcharts chart = new Highcharts("chart") 
     .InitChart(new Chart 
     { 
      Type = ChartTypes.Scatter, 
      Margin = new[] { 75 }, 
      Options3d = new ChartOptions3d 
      { 
       Enabled = true, 
       Alpha = 15, 
       Beta = 15, 
       Depth = 50, 
       ViewDistance = 25 
      } 
     }) 
     .SetTitle(new Title { Text = "Chart rotation demo" }) 
     .SetSubtitle(new Subtitle { Text = "Test options by dragging the sliders below" }) 
     .SetLegend(new Legend { Enabled = false }) 
     .SetSeries(new Series { Data = new Data(new object[,] { { 0, 0, 0 }, { 1, 1, 1 }, { 2, 2, 2 } }) }); 

    return View(chart); 
} 

該文件是項目的Controllers目錄DemoController.cs。

如果您需要在Highcharts演示頁面中創建相同的Highcharts圖表，您可能會遇到一些問題。 DotNet.Highcharts中的代碼是從2014年開始的，並且運行在舊的Highcharts版本上。較新的代碼用於不相關的和official Highcharts product仍在開發 - http://dotnet.highcharts.com/所以你可以嘗試。