Jquery flot插件没有根据日期绘制图形

 zongnaxxl240 发布于 2023-02-11 16:11

我正在尝试使用带有JSON数据的jquery flot插件绘制图形.我需要做的是.

当页面加载时,它将进行ajax调用并从服务器接收json数据.

从收到的json我需要添加'x'和'y'轴标签.我想绘制图表

根据json数据中的要点.

'Y'轴必须具有0到100之间的值

'X'轴应该只有json数据值

我的剧本是:

    //var maxDate = new Date();
    //var minDate = new Date();
    var options = {
        series: {
            lines: {
                show: true
            },
            points: {
                show: true
            }
        },
        grid: {
            hoverable: true,
            clickable: true
        },
        xaxis: { //min: minDate.setMonth(maxDate.getMonth() - 12),
                //max: maxDate,
                mode: "time",
                monthNames: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
                timeformat: "%b(%Y)" 
        },
        yaxis: {
            min: 0,
            max: 100,
            ticks: 10
        }
    var data = [];
    var placeholder = $("#trigo");

        var dataurl = 'cprogress.php?action=overall';

        // then fetch the data with jQuery
        function onDataReceived(series) {
            data.push(series);
            $.plot(placeholder, data, options);
            setData(data);
         }

        $.ajax({
            url: dataurl,
            method: 'GET',
            dataType: 'json',
            success: onDataReceived
        });

现在我的图表看起来像这样 在此输入图像描述

还有JSON

[["2013-11-05",8.3333333333333],["2013-12-05",0]]

我要打印的是 11月(​​2013年)和12月(2013年),必须从8.33到0绘制图表现在打印1月(1970年)为什么我不知道.

请任何人帮我解决这个问题.我两天都在努力解决这个问题.谢谢...

撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有