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

Plotly.js 图中显示的数据有误

Wrong data showing in Plotly.js graph

javascript

asp.net

plotly