Highcharts 中的 X 轴间隔

Question

我的网站上显示了这张图表。如何为我的 x 轴设置间隔？例如我希望显示第一个值，然后跳过第二个并显示第三个。这可以做到吗？还是您总是只需要在数组中显示您传递给轴的所有数据？

我的代码：（timestamp 是一个包含我的时间的 JS 数组。我可以得到纪元格式的时间。act 和 temps 是用于沿 y 轴绘制数据的数组）

$(function () {
    $('#tempactgraph').highcharts({
        chart: {
            zoomType: 'xy'
        },
        title: {
            text: 'Temperature & Activity Monitoring '
        },
        subtitle: {
            text: 'Source: Cowlar Sensors'
        },
        xAxis: [{
            categories: timestamp,
            crosshair: true
        }],
        yAxis: [{ // Primary yAxis
            labels: {
                format: '{value}°C',
                style: {
                    color: Highcharts.getOptions().colors[1]
                }
            },
            title: {
                text: 'Temperature',
                style: {
                    color: Highcharts.getOptions().colors[1]
                }
            }
        }, { // Secondary yAxis
            title: {
                text: 'Activity',
                style: {
                    color: Highcharts.getOptions().colors[0]
                }
            },
            labels: {
                format: '{value} xx',
                style: {
                    color: Highcharts.getOptions().colors[0]
                }
            },
            opposite: true
        }],
        tooltip: {
            shared: true
        },
        legend: {
            layout: 'vertical',
            align: 'left',
            x: 120,
            verticalAlign: 'top',
            y: 100,
            floating: true,
            backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF'
        },
        series: [{
            name: 'Activities',
            type: 'spline',
        connectNulls: 1,
            yAxis: 1,
            data: act,
            tooltip: {
                valueSuffix: ' xx'
            }

        }, {
            name: 'Temperature',
            type: 'spline',
        connectNulls: 1,
            data: temps,
            tooltip: {
                valueSuffix: '°C'
            }
        }]
    });
});

Answer 1

您需要像这样向您的 x 轴减速添加 tickInterval:2

xAxis: [{
            categories: timestamp,
            crosshair: true,
            tickInterval: 2
        }],

Highcharts API Reference

Highcharts 中的 X 轴间隔

X-axis interval in Highcharts

javascript

graph

highcharts

intervals