Нарисуйте хайчарты со многими годами для xAxis

Я новичок в 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

            });

person nguyenmy    schedule 15.06.2016    source источник
comment
какой у вас код на данный момент?   -  person Mong Zhu    schedule 15.06.2016
comment
если я взгляну на этот пример, они используют строку, которую вы закомментировали (//Categories = ). Что не так с этим? На вашем рисунке видно, что вам нужно 2 строки галочек X-Label, верно? это твоя проблема?   -  person Mong Zhu    schedule 15.06.2016
comment
@Mong Zhu: нет, я забыл раскомментировать категории.   -  person nguyenmy    schedule 15.06.2016
comment
Взгляните на плагин Grouped Categories: highcharts.com/plugin-registry /single/11/Групповые категории   -  person jlbriggs    schedule 15.06.2016
comment
Это не поддержка Dotnet.Highlightchart.   -  person nguyenmy    schedule 16.06.2016


Ответы (1)


Благодарим Вас за разъяснения. Проблема с dotnet.highcharts в том, что он не поддерживает сгруппированные категории. По этой ссылке можно ознакомиться с заявлением.

Однако вы можете создать эту диаграмму, используя разрывы строк в своем массиве. Либо вы жестко закодируете его в свой массив, например "May\r\n2016", либо вы можете написать функцию, которая редактирует ваш массив, добавляя новую строку + год в среднюю позицию или что-то в этом роде. Возможно, вам нужна другая команда новой строки, основанная на вашей среде, но это будет подход к возне. Удачи!


Вы можете использовать сгруппированные категории, что позволит вам создать желаемую метку xAxis. Вот ссылка с примером из github.

person Urknecht    schedule 15.06.2016
comment
Я работаю с Dotnet.HighlightChart, это не поддержка DotNet - person nguyenmy; 16.06.2016
comment
редактирование тебе как-то помогло? ты добился прогресса? - person Urknecht; 21.06.2016