Falsche Daten zeigen in Plotly.js Grafik

Question

Ich versuche, Daten aus meinem Code zu verwenden, um eine Grafik plot.ly auf meiner Webseite anzuzeigen. Hier ist der Code für den HTML-Code:

<div id="mydiv" style="width: 480px; height: 400px;"> 
    <script> 
     var fi = '<%= fi %>'; 

     //define different lines on the graph 
     var freeze = { 
      x: [0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15], 
      y: fi, 
      mode: 'lines+markers', 
      name: 'Sum FI' 
     }; 

     var data = [freeze]; 

     var layout = { 
      title: 'Freeze and Thaw Indexes', 
      xaxis: { 
       title: 'Date' 
      }, 
      yaxis: { 
       title: 'Sum' 
      } 
     }; 

     Plotly.newPlot('mydiv', data, layout); 
    </script> 
</div> 

Wenn ich eine Warnung (fi) der Seite hinzufügen, ich sehe, dass

fi= [2,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0] 

das ist genau das, was es sein sollte. Allerdings ist die grafische Darstellung, die nach oben zeigt ist, als ob

fi=[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15] 

oder, mit anderen Worten, die genau das gleiche wie das, was ich für meine x gesetzt. Da ich weiß, bekomme ich die richtige Variable aus dem Code hinter, denn wenn ich es mit einer Warnung überprüfe, ist es genau das, was es sein soll, ich weiß wirklich nicht, warum der Graph komplett anders ist. Wenn jemand darüber nachdenkt, wie das zu beheben ist, würde ich es sehr schätzen!

Answer 1

Haben Sie ohne Apostroph versucht?

var fi = <%= fi %>;