Question

我正在学习如何使用highcharts，我遇到了xrange类型的问题。我试图在我网站上的div中显示一个简单的图表，但是我无法完全看到图表。我对约会时间非常困难......是不是应该自动调整数据？

xAxis具有日期时间类型和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
    }]
}]

}）;

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

谢谢！

在xrange图上的Highcharts xAxis datetime

0 个答案: