如何在高图中给出时间而不是角度？

Question

您好，我正在研究 highcharts，我有一个极坐标图，我想在 y 轴上显示时间而不是角度。这是我到目前为止尝试过的：

在 x 轴上我有角度并且我已经给出了 tickInterval: 45, 所以以同样的方式如何为时间做这个。

Highcharts.chart('container', {

chart: {
    polar: true
},

title: {
    text: 'Highcharts Polar Chart'
},

subtitle: {
    text: 'Also known as Radar Chart'
},

pane: {
    startAngle: 0,
    endAngle: 360
},

xAxis: {
    tickInterval: 45,
    min: 0,
    max: 360,
    labels: {
        format: '{value}°'
    }
},

yAxis: {
    min: 0
},

plotOptions: {
    series: {
        pointStart: 0,
        pointInterval: 45
    },
    column: {
        pointPadding: 0,
        groupPadding: 0
    }
},

series: [{
    type: 'column',
    name: 'Column',
    data: [8, 7, 6, 5, 4, 3, 2, 1],
    pointPlacement: 'between'
}, {
    type: 'line',
    name: 'Line',
    data: [1, 2, 3, 4, 5, 6, 7, 8]
}]

Demo

Answer 1

该过程与非极星图中的过程相同。您可以使用 datetime 轴类型和 [x, y] 格式的数据。

也可以使用类别，例如：https://jsfiddle.net/BlackLabel/L5p6krvd/

    xAxis: {
        type: 'datetime'
    },

    series: [{
        data: [
            [new Date('2020-5-12').getTime(), 115],
            [new Date('2020-5-13').getTime(), 50],
            ...
        ]
    }]

现场演示： https://jsfiddle.net/BlackLabel/pv0zm2ky/

API参考：https://api.highcharts.com/highcharts/xAxis.type

如何在高图中给出时间而不是角度？

How to give time instead of angle in highcharts?

javascript

highcharts

angular

angular8