Creating a Chart from A CSV File and JSON File In Node-Red

แชร์
ฝัง
  • เผยแพร่เมื่อ 20 ธ.ค. 2024

ความคิดเห็น •

  • @asiw
    @asiw 3 ปีที่แล้ว +1

    Been struggling with creating charts from CSV for some time. Your help with this is most welcome. Many thanks. Arthur

    • @matheuspimentel6281
      @matheuspimentel6281 3 ปีที่แล้ว

      same to me! thanks god that i found this gay

    • @stevecope
      @stevecope  11 หลายเดือนก่อน

      Hi
      The flows are here
      stevesnoderedguide.com/download/chart-log-csv-flow
      www.steves-internet-guide.com/download/chart-log-video/
      rgds
      steve

  • @kissingfrogs
    @kissingfrogs 3 ปีที่แล้ว +1

    well that was taking me forever and getting no where until I found your excellent tutorial. I would have never worked it out on my own. Thanks Steve

    • @stevecope
      @stevecope  3 ปีที่แล้ว

      No problem. Glad to have helped .
      Rgds
      Steve

  • @chadhuber5593
    @chadhuber5593 9 หลายเดือนก่อน

    Steve, thank you for the tutorial. I always enjoy your work.

  • @Passco666
    @Passco666 2 ปีที่แล้ว

    Thank you Steve.. I own you huge hug for your tutorial.. I spend many hours to figure it out how to work with chart and python is my baseland so was difficult to me understand the principal and correct coding.

  • @Spectre68CT
    @Spectre68CT ปีที่แล้ว

    HI! is it also possible to use a bar graph instead of lines?

  • @EPC2036
    @EPC2036 10 หลายเดือนก่อน

    Hello Steve, excelent tutorial, thank you. Can you share the flow for the last UI you showed in this video? That will be very helpful, thank you

    • @stevecope
      @stevecope  10 หลายเดือนก่อน

      You should find the flows on this page
      stevesnoderedguide.com/using-the-node-red-chart-node
      have you tried it or is one missing from there?
      Rgds
      Steve

    • @EPC2036
      @EPC2036 10 หลายเดือนก่อน

      @@stevecope Hello, yes, it is missing. The flows from that website has only 4-5 nodes, whereas the last flow you showed in this video seems complex and has more nodes. Is it possible to have the flow of that? Thank you

    • @stevecope
      @stevecope  10 หลายเดือนก่อน

      '@@EPC2036 I'll see if I can find it. Where in the video does it appear?
      Rgds
      Steve

    • @EPC2036
      @EPC2036 10 หลายเดือนก่อน

      @@stevecope Hello Steve, around the 10:40 mark

    • @stevecope
      @stevecope  10 หลายเดือนก่อน

      I did that flow for someone a long time ago I will just check that there is nothing confidential in it and put a link to it.
      Rgds
      Steve

  • @achrefnajjar457
    @achrefnajjar457 3 ปีที่แล้ว +1

    thanks a lot sir but i'm confused about something
    is the timestamp you're making the same as the X-axis of the chart ?
    thanks a lot .

    • @FreyaAndAsher
      @FreyaAndAsher ปีที่แล้ว

      The date function is wrong. Don't divide datum by 1000.

  • @BoyPenTa-o8b
    @BoyPenTa-o8b ปีที่แล้ว

    do you need to convert to UTC in order to show the data to graph?

    • @stevecope
      @stevecope  ปีที่แล้ว

      No but you need the time in milliseconds not Unix time

    • @BoyPenTa-o8b
      @BoyPenTa-o8b ปีที่แล้ว

      @@stevecope thank you Steve, now working!

  • @ferlandomkiva1047
    @ferlandomkiva1047 ปีที่แล้ว

    very helpful. Thank you sir

  • @matheuspimentel6281
    @matheuspimentel6281 3 ปีที่แล้ว

    Helped me a lot. Thank you!!!!

  • @bibekkabi4986
    @bibekkabi4986 3 ปีที่แล้ว

    Really nice video! Thanks Steve! I have a question, how do we create a chart from an excel file in node red?

    • @stevecope
      @stevecope  3 ปีที่แล้ว +1

      Export it as a csv file and use that as in the example.

    • @bibekkabi4986
      @bibekkabi4986 3 ปีที่แล้ว

      @@stevecope Thanks! I was trying to use "alafile in" to read an excel file and then use the ui-chart to create a chart but it gives an error "Bad data inject"

    • @bibekkabi4986
      @bibekkabi4986 3 ปีที่แล้ว

      @Steve Cope can you please share the csv file that you have used in this video?

    • @stevecope
      @stevecope  3 ปีที่แล้ว +1

      @@bibekkabi4986 Here it is stevesnoderedguide.com/download/example-csv-for-video

    • @bibekkabi4986
      @bibekkabi4986 3 ปีที่แล้ว

      @@stevecope Thanks a lot!

  • @rand5844
    @rand5844 4 ปีที่แล้ว

    Hi, as I am using your flow as reference, I notice the time is not showing accurately. It is not even updating for me. What could be the issue?

    • @FreyaAndAsher
      @FreyaAndAsher ปีที่แล้ว

      The date function is wrong. Don't divide datum by 1000.

  • @jvazcarvalho
    @jvazcarvalho 11 หลายเดือนก่อน

    Hello, has anyone solved the issue with the "split"? Thanks.

    • @stevecope
      @stevecope  10 หลายเดือนก่อน

      Not aware of the issue can you remind me.
      Rgds
      Steve

  • @lionexiot7778
    @lionexiot7778 4 ปีที่แล้ว

    thanks for share !!! :) i love nodered

  • @BoyPenTa-o8b
    @BoyPenTa-o8b ปีที่แล้ว

    their is error at split , please help to fix

    • @stevecope
      @stevecope  ปีที่แล้ว

      I'll take a look
      Rgds
      Steve

    • @stevecope
      @stevecope  ปีที่แล้ว

      Hi
      Sorry but I don't have the data files any more if you use the ask steve page on the site and send me your data files I will take a look.
      stevesnoderedguide.com/ask-steve
      Rgds
      Steve

  • @samiratalebi7803
    @samiratalebi7803 3 ปีที่แล้ว

    Hello, first thnak u for ur useful viedo. i have a question. I want to convert csv.file to chart and i used ur codes. now i have Error: Cannot read property "split" of undefined. I tested some another Codes but dont resolve. Can u please say me , what can i do? Tnx alot

    • @stevecope
      @stevecope  3 ปีที่แล้ว

      Hi
      If you go to stevesnoderedguide.com/ask-steve and get in touch you can then send me the flow and data via email and I will take a look.
      Rgds
      Steve

    • @sujitjana2155
      @sujitjana2155 3 ปีที่แล้ว

      @@stevecope sir exactly i have same problem. Now what to do?

    • @stevecope
      @stevecope  3 ปีที่แล้ว

      @@sujitjana2155 Go to the site and use the ask steve page and then you can send me the flow and I will take a look.
      www.steves-internet-guide.com/ask-steve/

  • @preflex3502
    @preflex3502 2 ปีที่แล้ว

    Thanks!

  • @nickatredbox
    @nickatredbox 2 หลายเดือนก่อน

    Simple version
    var row = {
    "series": ["Living", "Outside", "Office" ],
    "data": [], //"data": [ {x,y}] ]
    "labels":[]//["Living Temp", "Outside Temp", "Office Temp" ]
    };
    var msg1 = {};
    var pll = msg.payload.length;
    //pll = 5;
    var array = [];
    row.series.forEach(function(item){

    array = [];
    var data = [];

    //EACH DB ROW
    for(let i = 0; i < pll; i++)
    {
    var DBrow = msg.payload[i];

    data.push({x:DBrow['dt'].getTime(), y:parseFloat(DBrow[item])});

    //node.warn(data);
    }
    row.data.push(data);
    array.push(row);
    });
    msg1.payload = array;
    return msg1;