Plotly.js图表​​

Question

我尝试使用我后面的代码中的数据在我的网页上显示plot.ly图表。这是html的代码：

 <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），我会看到

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

这正是应该的样子。但是，显示的图形就好像

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

或换句话说，与我为x设置的完全相同。因为我知道我从后面的代码中获取了正确的变量，因为当我用警报检查它时，它确实是它应该是什么，我真的不知道为什么图表完全不同。如果有人对如何解决这个问题有任何想法，我真的很感激！

Answer 1

你试过没有撇号吗？

var fi = <%= fi %>;