Question

我是Highligh Charts的新手，我想创建一个这样的图表：

问题是我如何定制xAxis像图像？请帮我做。我使用dotnet高亮图表。

提前感谢。

修改：

这是源代码：

DotNet.Highcharts.Highcharts chart = new DotNet.Highcharts.Highcharts("chart")
            .SetTitle(new Title()
            {
                Text = "Position of Cash/Group"
            })
            .SetYAxis(new YAxis()
            {
                Title = new YAxisTitle()
                {
                    Text = ""
                },
                Labels = new YAxisLabels
                {
                    Formatter =
                    "function () {if(Math.abs(this.value)>=1000) return this.value / 1000 + 'k'; else return this.value;}"
                }
            })
            .SetXAxis(new XAxis
            {
                TickmarkPlacement = Placement.On,

                Categories =
                    new[] {"1/2016", "2/2016", "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, 1440.0, 176.0, 135.6, -1480.5, 216.4, 194.1, 95.6, 54.4}),
                Color = Color.YellowGreen
            }).SetLegend(new Legend()
            {
                Enabled = false
            }).SetTooltip(new Tooltip()
            {
                Formatter = "function() {if(Math.abs(this.y)>=1000) return this.y / 1000 + 'k'; else return this.y; }"
            }).SetCredits(new Credits()
            {
                Enabled = false

            });

Answer 1

感谢您的澄清。 dotnet.highcharts的问题是，它不支持分组的类别。请参阅此link以获取声明。

但是，您可以通过在数组中使用换行符来生成此图表。你可以将它硬编码到像"May\r\n2016"这样的数组中，或者你可以编写一个编辑你的数组的函数来将换行符+年附加到中间位置或类似的东西。也许您需要基于您的环境的另一个换行命令，但这将是一种摆弄的方法。祝你好运！

您可以使用分组类别，这样您就可以创建所需的xAxis标签。这是一个link，其中有一个来自github的例子。

为xAxis绘制多年的高级图表

1 个答案: