javascript – Highcharts在xAxis上缺少第一个日期标签

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – Highcharts在xAxis上缺少第一个日期标签，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含874字，纯文字阅读大概需要2分钟。

内容图文

我对Highcharts图表有一些问题.我想每天制作一个带有日期时间轴的图表,但是Highcharts会在x轴上切断第一个日期标签,它应该从今天的日期开始,而不是到达.工具提示显示日期很好.是否有一些Highcharts设置,我想让它工作？我很感激你的帮助.谢谢.

码：

var s = {
        min: 0,
        max: 50,
        totalPoints: 12
    };

function getRandomData() {
    var data  = [],
        date  = new Date().getTime(),
        res   = [],
        numb;

    for (var i = 0; i < s.totalPoints; i += 1) {
        if (i > 0) date += 24 * 3600 * 1000;
        numb = Math.floor(Math.random() * (s.max - s.min + 1) + s.min);
        res.push([date, numb]);
    }


    return res;
}


$(function () {
    var chart = new Highcharts.Chart({

        chart: {
            renderTo: 'container',
        },

        xAxis: {
            type: 'datetime',
            tickInterval: 24 * 3600 * 1000
        },
        series: [{
            data: getRandomData()
        }]

    });
});

住：jsfiddle

解决方法:

要显示第一个和最后一个刻度,同时在日期时间的刻度之间有点,可以使用xAxis.startOnTick和xAxis.endOnTick设置为true.

我以updated your JFiddle为例.

内容总结

以上是互联网集市为您收集整理的javascript – Highcharts在xAxis上缺少第一个日期标签全部内容，希望文章能够帮你解决javascript – Highcharts在xAxis上缺少第一个日期标签所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端