Высота диаграммы Xrange

Question

Как я могу установить высоту каждого столбца в графиках xrange?Я не хочу указывать высоту всего графика, а высоту каждого отдельного бара.

Этот тип графика (как в ссылке): http://jsfiddle.net/vqpjL3ns/1/

height of bar

Answer 1

Вы должны создать отдельные серии для каждой точки данных, после чего вы сможете установить разную ширину для каждой полосы:

series: [{
    name: 'Project 1',
    pointWidth: 20,
    data: [{
        x: Date.UTC(2014, 10, 21),
        x2: Date.UTC(2014, 11, 2),
        y: 0,
        partialFill: 0.25
    }],
    dataLabels: {
        enabled: true
    }
}, {
    pointWidth: 15,
    data: [{
        x: Date.UTC(2014, 11, 2),
        x2: Date.UTC(2014, 11, 5),
        y: 1
    }]
}, {
    pointWidth: 30,
    data: [{
        x: Date.UTC(2014, 11, 8),
        x2: Date.UTC(2014, 11, 9),
        y: 2
    }]
}, {
    pointWidth: 40,
    data: [{
        x: Date.UTC(2014, 11, 9),
        x2: Date.UTC(2014, 11, 19),
        y: 1
    }]
}, {
    pointWidth: 10,
    data: [{
        x: Date.UTC(2014, 11, 10),
        x2: Date.UTC(2014, 11, 23),
        y: 2
    }]
}]

Демо-версия: http://jsfiddle.net/BlackLabel/4uydm6tr/

API: https://api.highcharts.com/highcharts/series.xrange.pointWidth