Black Lives Matter. Please consider donating to Black Girls Code today.

How to export values from Chart

I am trying to export my value from the chart. the chart is updating with live values. I have tried to save it using the small icon on top right of the chart. but it’s not opening the new tab to save it to my account. I think because I have 33 traces running on one chart. there is another chart on the same web page that has only one trace and I was able to use the save option and save it to my account.

NOW, is there any way that I can export my data from the web page chart? for example is there a local file that I can find on my PC that has all the values?

thanks in advance for the help

let me know if posting the code and screenshot will be helpful?
here is screenshot of the chart with only two traces and i was able to save it to my account.
?

here is the chart that i cannot save

HTML code

  <div id="graph"></div>
  <div id="graph1"></div>
  <div id="graph2"></div>
  <div id="graph3"></div>
  <div id="graph4"></div>
  <div id="graph5"></div>
  <div id="graph6"></div>
  <div id="graph7"></div>
  <div id="graph8"></div>
  <div id="graph9"></div>
  <div id="graph10"></div>
  <div id="graph11"></div>
  <div id="graph12"></div>

javascript

      Plotly.plot('graph', [{
            x: [d],
            y: [1, 2, 3].map(rand)
        }, {
            x: [d],
            y: [1, 2, 3].map(rand)
        }]);

        Plotly.plot('graph1', [{

            title: 'some new title',
            marker: {
                color: 'red'
            },
            x: [d],
            y: [1].map(rand)
        }]);

        Plotly.plot('graph2', [{
            x: [d],
            y: [1, 2, 3].map(rand)
        }, {
            x: [d],
            y: [1, 2, 3].map(rand)
        }, {
            x: [d],
            y: [1, 2, 3].map(rand)
        }]);

      

        Plotly.plot('graph3', [{
            x: [d],
            y: [1, 2, 3].map(rand),
            name: 'test1'
        }, {
            x: [d],
            y: [1, 2, 3].map(rand)
        }, {
            x: [d],
            y: [1, 2, 3].map(rand)
        }, {
            x: [d],
            y: [1, 2, 3].map(rand)
        }, {
            x: [d],
            y: [1, 2, 3].map(rand)
        }, {
            x: [d],
            y: [1, 2, 3].map(rand)
        }, {
            x: [d],
            y: [1, 2, 3].map(rand)
        }, {
            x: [d],
            y: [1, 2, 3].map(rand)
        }, {
            x: [d],
            y: [1, 2, 3].map(rand)
        }, {
            x: [d],
            y: [1, 2, 3].map(rand)
        }, {
            x: [d],
            y: [1, 2, 3].map(rand)
        }, {
            x: [d],
            y: [1, 2, 3].map(rand)
        }, {
            x: [d],
            y: [1, 2, 3].map(rand)
        }, {
            x: [d],
            y: [1, 2, 3].map(rand)
        }, {
            x: [d],
            y: [1, 2, 3].map(rand)
        }, {
            x: [d],
            y: [1, 2, 3].map(rand)
        }, {
            x: [d],
            y: [1, 2, 3].map(rand)
        }, {
            x: [d],
            y: [1, 2, 3].map(rand)
        }, {
            x: [d],
            y: [1, 2, 3].map(rand)
        }, {
            x: [d],
            y: [1, 2, 3].map(rand)
        }, {
            x: [d],
            y: [1, 2, 3].map(rand)
        }, {
            x: [d],
            y: [1, 2, 3].map(rand)
        }, {
            x: [d],
            y: [1, 2, 3].map(rand)
        }, {
            x: [d],
            y: [1, 2, 3].map(rand)
        }, {
            x: [d],
            y: [1, 2, 3].map(rand)
        }, {
            x: [d],
            y: [1, 2, 3].map(rand)
        }, {
            x: [d],
            y: [1, 2, 3].map(rand)
        }, {
            x: [d],
            y: [1, 2, 3].map(rand)
        }, {
            x: [d],
            y: [1, 2, 3].map(rand)
        }, {
            x: [d],
            y: [1, 2, 3].map(rand)
        }]);

        Plotly.plot('graph4', [{
            x: [d],
            y: [1, 2, 3].map(rand)
        }, {
            x: [d],
            y: [1, 2, 3].map(rand)
        }]);
    ....................
    ................
    ..................
                    //P1_Power:
                    //date_time
                    var timestamp_1 = result.MGP.Timestamp;
                    port1_power_calc = signedint_Twodecimal(result.MGP.ParamVal);
                    // this used to make the quick view bar zero if there is no power
                    //var Temp = signedint_Twodecimal(result.MGP.ParamVal);
                    //var sliceTime = timestamp_1.slice(0, 18);
                    //"2017-03-13 15:24:45:129162"
                    //document.getElementById("date_time").innerHTML = sliceTime;
                    //document.getElementById("grid_power").innerHTML = (Temp) + " kW";
                    //document.getElementById("qv_grid").textContent = (Temp) + " kW";
                    // quick view screen
                    var d = Date.now();

                    // localStorage.setItem(Date(), result.MGP.ParamVal);
                    Plotly.extendTraces('graph', {
                        x: [[d], [d]],
                        y: [["55.5"], [port1_power_calc]]
                    }, [0, 1]);

                    Plotly.extendTraces('graph1', {
                        x: [[d]],
                        y: [[port1_power_calc]]
                    }, [0]);

                    Plotly.extendTraces('graph2', {
                        x: [[d], [d], [d]],
                        y: [[port1_power_calc], ["34"], ["44"]]
                    }, [0, 1, 2]);

                    Plotly.extendTraces('graph3', {
                        x: [[d], [d], [d], [d], [d], [d], [d], [d], [d], [d], [d], [d], [d], [d], [d], [d], [d], [d], [d], [d], [d], [d], [d], [d], [d], [d], [d], [d], [d], [d]],
                        y: [[aaa[0]], [aaa[1]], [aaa[2]], [aaa[3]], [aaa[4]], [aaa[5]], [aaa[6]], [aaa[7]], [aaa[8]], [aaa[9]], [aaa[10]], [aaa[11]], [aaa[12]], [aaa[13]], [aaa[14]], [aaa[15]], [aaa[16]], [aaa[17]], [aaa[18]], [aaa[19]], [aaa[20]], [aaa[21]], [aaa[22]], [aaa[23]], [aaa[24]], [aaa[25]], [aaa[26]], [aaa[27]], [aaa[28]], [aaa[29]]]
                    }, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29]);



......

Yes, that would help.

Hello etienne
thanks for the reply
please see the updated post for the screenshot and code

so i had the web page with plot.ly chart running overnight to log the live values of the sensors. and there are many entries in the chart.

here sample of the two traces that i was able to save to my account.
https://plot.ly/~aloshi_1/81/