javascript - 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 %>;