如何将json数组转换为对象然后转换为chartjs

kulphzqa  于 2022-12-18  发布在  Chart.js
关注(0)|答案(1)|浏览(149)
function grab() {
  return new Promise((resolve, reject) => {
    $.getJSON({
      url: "/hash_results_page/",
      cache: false,
      method: "GET",
      dataType: "JSON",
      success: function (data) {
        resolve(data);
      },
      error: function (error) {
        reject(error);
      },
    });
  });
}
/*DATA_SAMPLE AS FROM JSON = {
                  data: [
                    { x: '2017-01-06 18:39:30', y: 100 },
                    { x: '2017-01-07 18:39:28', y: 101 },
                  ] //just like mine, but mine doesnt have  x: and y;
                };

["2022-12-11 16:45:00",0.491],["2022-12-11 17:00:00",0.464]
    "date     time",    hashvalue

*/
//---------------------------------------------------------------------------
//---------------------------------------------------------------------------
$(document).ready(function (data) {
  grab().then((data) => {
    var ctx = document.getElementById("hashchart").getContext("2d");

    var d1 = data[0];
    var d2 = data[1];
    console.log("Hashrate Data-0:", d1);
    console.log("Average Data-1:", d2);
    //---------------------------------------------------------------------------
              /*let text = "";
                d1.forEach (function(value) { // lists all entries
                text += value;
                });
                console.log(text);*/

    //var da = JSON.stringify(data[0]); // json array into object - (other way(s) I've tried
    //obj = Object.assign({}, d1);
    //console.log(obj);

    //---------------------------------------------------------------------------
    var dat = [d1];
    var str = JSON.stringify(dat);
    var out = str.substring(1, str.length - 1);
    JSON.parse(out); //necessary???
    for (var i = 0; i < d1.length; i++) {
      console.log(d1[i++])      
    }

https://imgur.com/LQbJ8P3
第二次编辑:https://imgur.com/tT6KeUj这就是我现在的位置...;(

我真的不知道从这里去哪里或做什么;(我花了这么多时间在这件应该很简单的事情上,结果却让我陷入困境!!!

我也想展示图片,因为我真的不想让任何人认为我只是一个代码流浪汉,并希望别人为我做这件事...我实际上试图弄清楚...虽然取得了进展...但仍然没有!!!
编辑:图片包括以上我的进展到目前为止..我想我需要的是一个循环迭代通过数组-〉对象数据的结果,但..我猜这就是我在这里寻求帮助的原因..谢谢!
我正在尝试做的是..从我的API中获取json结果放到chartjs上我已经搜索并尝试了很多很多东西,但是我的技能显然是有限的..我展示了一些我尝试过的东西..这里有注解..和未注解的是我目前正在使用的(我只是希望我问的是正确的地方)
当前代码日志(显示)2个阵列开始...其中,当打开时,它们显示的值就像上面显示的,我试图分离或排序到日期/时间当然在x轴上,哈希值在y轴上。我用过其他图表软件,如apexcharts。。但要让它正确Map表是不是这样的。我有apexcharts工作的时刻,但我喜欢chartjs多一点..由于挑战自己和灵活性..我只需要得到数据从API整理出来..我希望我解释得足够好,彻底的每个人都理解我在这里试图做什么...任何帮助将不胜感激!!!`
尝试了几个选项的js代码从sideo.和任何我自己的知识和研究了很多很多小时。

dwthyt8l

dwthyt8l1#

var org = [["2022-12-11 16:45:00",0.491],["2022-12-11 17:00:00",0.464]];

var data = org.map(v=>{
  return {x:v[0],y:v[1]}
})
console.log(data)

相关问题