微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

带有来自数据库的动态标记js的chartistjs

如何解决带有来自数据库的动态标记js的chartistjs

我有一个功能,可以根据来自运行在nodejs服务器上的mongodb数据库的数据创建图表。当显示原始数据时,它可以正常工作,但是,存储在服务器上的数据是通过基于时间的字符串存储在数据库中的。每个条目距下一个条目一秒钟。

我想使用有意义的x轴标签查看此数据。

我基于时间的条目看起来像2020-05-20 12:54:36 GMT,下一个是1秒,依此类推。 我的图形代码和服务器获取代码如下所示。我正在尝试将时间数据返回到图形,以便可以对其进行标记

如何使用此时间信息来让图表专家在x轴上标记数据。

请注意,此功能在浏览器上按一下按钮即可运行

function click7() {
        var getData = $.post("/data_find_all",{
            Data: "T1"
        });
        getData.done(function(res)
        {
            myChart.update({
            labels: [res.time_data],series: [res.results]
            });
        });
    }

我将数据发送回网页,如下所示:

res.status(200).send({results: arr,time_data: time_arr});

arr和time_arr是数据数组。 Arr包含数字“ data”,并且time_arr是字符串。这些是从我的mongodb数据库提取的。

arr.push(Number(result[i].D1_Pdiff_String));
time_arr.push(result[i].D1_Time_String);

如果我列出要列为labels: [res.time_data]标签,我只会看到列出的标签,因为我认为图表师无法应付这样的字符串。

如何获取这段时间的数据并将其用于标记我的数据。该图看起来正确,我只需要添加标签即可。

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