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]);
......