Tengo muchos sensores en el tablero de mi casa, uno de ellos es la producción de energía, los valores son tomados de mi inversor solar MPP, ahora los valores son superiores a 1 millón y desafortunadamente cuando paso el mouse sobre el gráfico veo 1.04e+6 en cualquier punto.
¿Hay alguna configuración que pueda cambiar para obligarlo a mostrar números superiores a 1000000?
function data_totalOutputEnergy() { return "" + "2022-06-05 08:54,1041020.00\n"+"2022-06-05 08:55,1041020.00\n"+"2022-06-05 08:55,1041020.00\n"+"2022-06-05 20:53,1043330.00\n"+"2022-06-05 20:53,1043330.00\n"+"2022-06-05 20:53,1043330.00\n"+"2022-06-05 20:53,1043330.00\n"+"2022-06-05 20:54,1043330.00\n"+"2022-06-05 20:54,1043330.00\n"+"2022-06-05 20:54,1043330.00\n"+"2022-06-05 20:54,1043330.00\n"+"2022-06-05 20:54,1043330.00\n"+"2022-06-05 20:54,1043330.00\n"+"2022-06-05 20:54,1043330.00\n"+"2022-06-05 20:54,1043330.00\n"+"2022-06-05 20:54,1043330.00\n"+"2022-06-05 20:54,1043330.00\n" ; } g_totalOutputEnergy = new Dygraph(document.getElementById("graph_totalOutputEnergy"), data_totalOutputEnergy, { labels: [ "Date", "High" ], labelsDiv: "labels_totalOutputEnergy", axisLineColor: "#ccc", fillGraph: true, valueRange: [0.00, 1043330.00],zoomCallback: function() { g.updateOptions({valueRange:[0.00,1043330.00]}); }, colors: [ "#EDA21F", "#008080", "#00BFFF", "#FFD700", "#FF69B42", "#20B2AA", "#FF0000", "#FFFF00", "#FF1493", "#000080", "#00FF00", "#6B8E23", "#00FA9A", "#B0C4DE", "#F0E68C", "#DAA520"], axes : { x : { drawGrid: show_box, drawAxis : true, }, y : { gridLineColor: '#5f666d', drawAxis : true, } } /*, showRangeSelector: true, rangeSelectorHeight: 80*/ });Si revisa la documentación de Dygraph, hay una manera fácil de lograr lo que desea. Simplemente agregue la siguiente configuración con la cantidad máxima de dígitos que necesita y debería estar funcionando.
maxNumberWidth: 12He insertado el siguiente fragmento donde puedes verlo trabajando con el tercer valor de la serie.
var data = "Index,Value\n" + "1,20\n" + "2,30\n" + "3,30000000\n" + "4,10\n" + "5,24\n" + "6,25\n" + "7,74"; var graph1 = new Dygraph(document.getElementById("graph1"), data, { legend: "always", strokeWidth: 2, maxNumberWidth: 12, title: "Using long numbers without scientific notation", }); #graph1, #graph2 { height: 400px; width: 700px; } <link href="https://cdnjs.cloudflare.com/ajax/libs/dygraph/2.0.0/dygraph.css" rel="stylesheet"/> <script src="https://cdnjs.cloudflare.com/ajax/libs/dygraph/2.0.0/dygraph.js"></script> <div id="graph1" ></div>Otra solución sería analizar los valores usando dygraphs, por lo que podría mostrar el resultado como 3.45MWh en lugar de 3450000W (solo un ejemplo).
Espero que funcione para ti. Hágamelo saber.