【问题标题】:Wrong data showing in Plotly.js graphPlotly.js 图中显示的数据错误
【发布时间】:2016-10-29 14:02:38
【问题描述】:

我正在尝试使用我背后代码中的数据在我的网页上显示 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 设置的完全相同。因为我知道我从后面的代码中得到了正确的变量,因为当我用警报检查它时,它正是它应该是的,我真的不知道为什么图表完全不同。如果有人对如何解决此问题有任何想法,我将不胜感激!

【问题讨论】:

  • 我尝试使用硬编码的 y 值在代码笔上复制问题,但无法重现错误。看起来错误可能与您的 fi 数组有关。尝试对数组进行硬编码,看看是否还有问题。

标签: javascript asp.net plotly


【解决方案1】:

你试过不用撇号吗?

var fi = <%= fi %>;

【讨论】:

  • 正是问题所在,非常感谢。你知道为什么会导致问题吗?我只是好奇,因为这篇文章有撇号,所以我把它们包括在内:stackoverflow.com/questions/2714546/…
  • 这是另一种数据。您必须将数字数组传递给 javascript,但您传递的字符串看起来像一个数组。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2016-10-17
  • 2022-01-17
  • 1970-01-01
  • 1970-01-01
  • 2015-07-28
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多