2016-06-27 10 views
0

自分のWebページにplot.lyグラフを表示するために、自分のコードのデータを使用しようとしています。私は、ページにアラート(FI)を追加した場合Plotly.jsグラフに間違ったデータが表示されています

<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> 

私は

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

が正確であることはどうあるべきかということを参照してください:ここではHTMLのコードです。しかし、アップ表示されるグラフは

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

または、他の言葉で、私は私のxに対して設定したものとまったく同じかのようです。なぜなら、アラートでチェックすると、まさにそれが想定されていたものなので、なぜグラフが完全に異なるのかわからないからです。これを修正する方法について誰かが考えているなら、本当に感謝しています!

+0

ハードコードされたy値のコードペンで問題を再現しようとしましたが、エラーを再現できません。 fi配列にエラーがあるようです。配列をハードコーディングして、まだ問題がないかどうか確認してください。 –

答えて

1

アポストロフィなしで試しましたか?

var fi = <%= fi %>; 
+0

正確に問題です、ありがとうございます。それがなぜ問題を引き起こすのか知っていますか?私はこの記事にアポストロフィが付いていたので奇妙なので、私はそれらを含めました:http://stackoverflow.com/questions/2714546/access-variable-from-code-behind-via-javascript – issharp

+1

これは別のタイプのデータです。あなたはjavascriptにnumber配列を渡す必要がありますが、配列のように見える文字列を渡します。 –

関連する問題