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相同的Highcharts，可能会遇到一些问题。DotNet.Highcharts中的代码来自2014年，并在旧的Highcharts版本上运行。较新的代码在一个不相关的official Highcharts product中使用，该代码仍在开发中- http://dotnet.highcharts.com/，所以您可以尝试一下。