Question

我查看了HighCharts API，但我遇到了dateTimeLabel，但我无法正确设置标签。这是我的代码，用于选项

var options = {
                    chart: {
                        renderTo: 'graph',
                        defaultSeriesType: 'line'
                    },
                    title: {
                        text: 'KWH Per Phase'
                    },
                    xAxis: {
                        title: {
                            text: 'Time Period'
                        },
                        categories:[],
                        type: 'datetime',
                        dateTimeLabelFormats: {
                            day: '%e %b'
                        }

                    },
                    yAxis: {
                        title: {
                            text: 'KWH Per Phase'
                        }
                    },
                    series: []
                };

以及我推送数据的部分

if (itemNo === 0) { /* first item containes year */
                                options.xAxis.categories.push(item);
                            }

日期时间显示在我的csv文件“1/2/2014 7:59”

中

Answer 1

如果您已按下类别，则它不会成为任何dateTime轴。然后它是带有分类标签的普通轴。

对于dateTime轴，您需要指定type: 'datetime'

并将日期与数据一起传递。

日期应该是UNIX时间戳或UTC日期格式。

的示例：

与UTC日期 http://jsfiddle.net/kolliparavamsikrishna/9XWpC/ http://jsfiddle.net/kolliparavamsikrishna/jFj5w/

时间戳 http://jsfiddle.net/kolliparavamsikrishna/jFj5w/1/

您可以格式化格式化程序中的标签。

我希望这会对你有所帮助。

更改highcharts datetime标签

1 个答案: