如何在 Highstock 步骤图中仅使用时间设置 xAxis

Question

是否可以将 Highstock 图表的 xAxis 设置为仅显示时间？

这里显示日期和时间，我只需要显示时间：

提前致谢。

$(function () {

    // Create the chart
    Highcharts.stockChart('container1', {
        chart: {
        width: 500,
        height: 300
        },
        title: {
            text: 'AAPL Stock Price'
        },
         xAxis: {
        tickInterval: 1
    },
        rangeSelector: {
            selected: 4,
            inputEnabled: false,
            buttonTheme: {
                visibility: 'hidden'
            },
            labelStyle: {
                visibility: 'hidden'
            }
        },
        navigator: {
            enabled: false
        },
        scrollbar: {
            enabled: false
        },
        series: [{
            name: 'AAPL Stock Price',
            data: [45,90,90,45,50,90,39,50,90,39],
            step: true,
            tooltip: {
                valueDecimals: 2
            }
        }]
    });

});

Answer 1

$(function () {
        Highcharts.stockChart('container', {
            chart: {
            width: 500,
            height: 300
            },
            title: {
                text: 'AAPL Stock Price'
            },
             xAxis: {
                type: 'datetime',  
                tickInterval : 1,
                dateTimeLabelFormats : {
                    day: '%M min'
                }
            },
            rangeSelector: {
                selected: 0,
                inputEnabled: false,
                buttonTheme: {
                    visibility: 'hidden'
                },
                labelStyle: {
                    visibility: 'hidden'
                }
            },
            navigator: {
                enabled: false
            },
            scrollbar: {
                enabled: false
            },
            series: [{
                name: 'AAPL Stock Price',
                data: [45,90,90,45,50,90,39,50,90,39],
                pointStart: Date.UTC(2010, 0, 1),
                pointInterval: 3600 * 1000 , 
                step: true,
                tooltip: {
                    valueDecimals: 2
                }
            }]
        });
});

如何在 Highstock 步骤图中仅使用时间设置 xAxis

How to set xAxis only with time in Highstock step graph

javascript

highcharts

highstock