Question

我正在使用highcharts图形，我的笔记本电脑中显示了highcharts的起点（最大分辨率：1920 * 1080）。

但是当我在较低系统中打开同一图形时：最大分辨率（1368 * 768）That time the first point of x-axis not showing

注意：：给定的图像与数据不匹配，但图形相同。

代码：

$('#call_cc_graph_data').highcharts({
                chart: {
                    type: 'spline',
                    zoomType: 'x'
                },
                title: {
                    text: 'CPS vs Time'
                    },
                xAxis: {
                    type: 'datetime',
                    min : 1533873600000,
                    max : 1533945599000,
                },
                series:[{
                        name: 'CC',
                        data: [[1533876120000,1],[1533876240000,1],[1533876840000,2],[1533876900000,1],[1533877200000,7],[1533877260000,4],[1533877320000,1]]
                }]
                });

图像的预期结果：必须在x轴的起点显示值05:00。

Answer 1

尝试使用xAxis.startOnTick Doc，甚至可以尝试xAxis.tickInterval Doc

xAxis: {
      type: 'datetime',
      min : 1533873600000,
      max : 1533945599000,
      startOnTick:true,
      tickInterval:3600 * 1000 // If 2 hours step is too large 
},

Fiddle

Answer 2

您可以更改默认的xAxis单位选项：

xAxis: {
    type: 'datetime',
    units: [
        [
            'second', [20, 40]
        ],
        [
            'minute', [1, 2, 5, 10, 15, 30]
        ],
        [
            'hour', [1, 2, 3, 5, 6, 8, 12]
        ],
        [
            'day', [1, 2]
        ],
        [
            'week', [1, 2]
        ],
        [
            'month', [1, 2, 3, 4, 6]
        ],
        [
            'year',
            null
        ]
    ],
    min: 1533876120000,
    max: 1533945599000
},

实时演示：http://jsfiddle.net/BlackLabel/pskqo6ad/

API：https://api.highcharts.com/highcharts/xAxis.units

类似的问题：https://github.com/highcharts/highcharts/issues/5437

在较低的配置中未显示x轴标签

2 个答案: