0

我正在学习如何使用 highcharts，但我对 xrange 类型有疑问。我正在尝试在我的网站上的 div 中显示一个简单的图表，但是我无法完全看到该图表。我在日期时间方面遇到了极大的困难……难道不应该根据我的数据自动调整吗？

xAxis 具有 datetime 类型和 yAxis 类别。我想知道问题是否可能来自我的 div 但我尝试了各种尺寸但没有任何改变......

我是不是忘记了什么？我也尝试了不同的格式，但徒劳无功，我只想调整比例，这样我就可以看到整个图表

这是我的代码（现在非常基本，我正在努力理解）：

Highcharts.chart('chart_{{ Stm.id }}_{{ rowPse.id }}', {

chart: {
    type: 'xrange'
},
title: {
    text: 'Période des données pour chaque dépôt'
},
xAxis: {
    type: 'datetime'
},
yAxis: {
    categories: [/*'Dépôt 15', 'Dépôt 16'*/],
    reversed: false
},
legend: {
    enabled: false
},
colors: ['orange'],
series: [{
    name: '',
    pointWidth: 15,
    data: [{
        x:  Date.UTC(2018, 5, 4),
        x2: Date.UTC(2018, 5, 10),
        y: 0
    }, {
        x:  Date.UTC(2018, 5, 15),
        x2: Date.UTC(2018, 5, 19),
        y: 0
    }, {
        borderColor: 'black',
        borderWidth: 1,
        color: 'rgba(255, 255, 255, 0.1)',
        x:  Date.UTC(2018, 5, 4),
        x2: Date.UTC(2018, 5, 19),
        y: 0
    }, {
        x:  Date.UTC(2018, 5, 27),
        x2: Date.UTC(2018, 6, 9),
        y: 1
    }, {
        x:  Date.UTC(2018, 6, 14),
        x2: Date.UTC(2018, 6, 21),
        y: 1
    }, {
        borderColor: 'black',
        borderWidth: 1,
        color: 'rgba(255, 255, 255, 0.1)',
        x:  Date.UTC(2018, 5, 27),
        x2: Date.UTC(2018, 6, 21),
        y: 1
    }]
}]

});

如果这个问题已经被问过，我很抱歉，但我没有找到任何东西。我毫不怀疑这是一个愚蠢的问题。

谢谢 ！

4

0 回答 0