Сплайн на каждый столбец в категории в Highcharts

Question

Как бы я нарисовал сплайн на столбцах в каждой категории в Highcharts?

Скажем, у меня есть 5 категорий по оси X, и у каждой категории есть 4 столбца.Теперь мне нужен сплайн, который проходит через все 4 столбца в категории (каждая категория должна иметь отдельный сплайн в соответствующих столбцах)

Возможно ли динамическое изменение категорий и столбцов?

Answer 1

Для серии column вы можете отключить grouping и установить pointPlacement в числовое значение.Затем вы можете установить x значения данных для серии spline, чтобы они соответствовали столбцам:

Highcharts.chart('container', {
    chart: {
        type: 'column'
    },
    xAxis: {
        type: 'category',
        startOnTick: true,
        min: 0
    },
    plotOptions: {
        series: {
            grouping: false,
            pointWidth: 20
        }
    },
    series: [{
        data: [1, 1, 1, 1, 1],
        pointPlacement: -0.3
    }, {
        data: [2, 2, 2, 2, 2],
        pointPlacement: -0.1
    }, {
        data: [3, 3, 3, 3, 3],
        pointPlacement: 0.1
    }, {
        data: [4, 4, 4, 4, 4],
        pointPlacement: 0.3
    }, {
        type: 'spline',
        pointRange: 11,
        data: [
            [-0.3, 1],
            [-0.1, 2],
            [0.1, 3],
            [0.3, 4]
        ]
    }, {
        type: 'spline',
        pointRange: 11,
        data: [
            [0.7, 1],
            [0.9, 2],
            [1.1, 3],
            [1.3, 4]
        ]
    }]
});

Демонстрационная версия: http://jsfiddle.net/BlackLabel/bdsfty2o/

Справочник по API:

https://api.highcharts.com/highcharts/series.column.grouping

https://api.highcharts.com/highcharts/series.column.pointWidth

https://api.highcharts.com/highcharts/series.column.pointPlacement