How to use custom chart data with historical tags?

[LordNetro]

FUXA Version: v1.2.0-1818

I'm trying to load custom data on a chart to preview a few tags that were registered each hour once to display 24 registers on the chart (full day).
I have this script, but it seems that the $getHistoricalTags is not working on client, but $getTag works.

//const util = require('util');
// Obtener el tiempo actual en milisegundos
let tiempoActual = Date.now();
let day = new Date().getDay();
console.log(`El consumo total en el intervalo registrado es: ${tiempoActual}`);
//let num = $getTag('t_9ab544e6-9b844ef9' /* FUXA - consumo_hora */);
//console.log(num);
// Definir el tiempo de hace dos dias 172800000 hace un dia 86400000
let haceUnDia = tiempoActual - 86400000;

// Usar el intervalo desde hace una hora hasta el tiempo actual
let valores = $getHistoricalTags(['t_9ab544e6-9b844ef9' /* FUXA - consumo_hora */], haceUnDia, tiempoActual);
//console.log(util.inspect(valores, {showHidden: false, depth: null, colors: false}))
//console.log(valores['t_9ab544e6-9b844ef9' /* FUXA - consumo_hora */]);
let valoresY = valores['t_9ab544e6-9b844ef9' /* FUXA - consumo_hora */].map(item => item.y);
//console.log(util.inspect(valoresY, {showHidden: false, depth: null, colors: false}))

var lines = [];
var line = {};
const count = 24;
var y = [];
var x = [];
for (var i = 0; i < count; i++) {
    const randomNumber = Math.sin(i + parseInt(toAdd));// + Math.floor(Math.random() * 21);
    y.push(valoresY[i]);
    x.push(i);
  /*try{
    let valor = valoresY[i];
    if(valor){
      console.log(`${i} : ${valor}`);
      y.push(30);
    }else{
      console.log("ERROR PUSHING Y null"); 
      console.log(`${i} : ${0}`);
      y.push(0);
    }
  }catch{
   console.log("ERROR PUSHING Y"); 
    y.push(0);
  }
  x.push(i); */

}
line['y'] = y;
line['x'] = x;
lines.push(line);
$invokeObject('chart_1', 'setCustomValues', lines);

Thanks.

[timmpo]

Tested on version 1.20 1960
This works for me, but i cant get the timestamp to work. Fuxa dossent seems to convert custom chart timestamp in millis or in seconds (unix fomrat). And i cant send timestamps in string format etc ('8:00') but if you edit this script and use only for 24/h you can send hour values like numbers 1 for hour 1:00 and 2 for hour 2:00 and so on. coments ar in swedish btw..
Edit: i have rewrite some parts now.

1. cheate a script with a arg paramLines with array type and paste the script
2. add new new string datapoint in FUXA server and name it chart_tag_id
3. make a page with a chart and set it up like in the coustom chart template guide
4. make a new page with a button and in events add type click set value 'test_data' (the tag name of where you want to get history from) function set and tag id 'chart_tag_id' (the data point created in fuxa server, make a new event type click open page (name of page where the chart are)

make sure you have set the tag you will get history from to save values

    if (paramLines && Array.isArray(paramLines)) {
        // Edit id to your id in fuxa server datapoint named  chart_tag_id
      	let tagName = $getTag('t_9a219cdc-2e4d421d' /* FUXA Server - chart_tag_id */);
      	console.log(tagName);
      	let tagID = $getTagId(tagName);
      	console.log(tagID);
        // Hämta nuvarande tid i Unix-format (millisekunder sedan 1 januari 1970)
        const currentUnixTimeMillis = Date.now();

        // Beräkna tiden för 7 dagar sedan i Unix-format (millisekunder)
        const sevenDaysAgoUnixTimeMillis = currentUnixTimeMillis - (180000);

        // Hämta historiska taggar för angivet tidsintervall
        const historicalTags = await $getHistoricalTags([tagID], sevenDaysAgoUnixTimeMillis, currentUnixTimeMillis);

        // Extrahera data för tagID och fyll i x och y-arrayerna
        if (historicalTags[tagID]) {
            const xValues = [];
            const yValues = [];

            // Loopar igenom varje datapunkt och filtrerar bort punkter med y = null
            historicalTags[tagID].forEach(point => {
                if (point.y !== null) {  // Endast lägg till punkter där y inte är null
                    xValues.push(Math.floor(Date.parse(point.x)/1000)); // Konvertera x till Unix-tid i sekunder
                    yValues.push(Number(point.y));                         // Konvertera y till nummer och lägg till
                }
            });

            // Uppdatera paramLines med x och y-arrayerna
            paramLines[0].x = xValues;
            paramLines[0].y = yValues;
        }

        // Returnera det uppdaterade paramLines
      	console.log(paramLines);
        return paramLines;
    } else {
        return 'Missing chart lines';
    }