Javascript 如何在highcharts中显示for循环的结果

我是这方面的新手（JS、Rails和highcharts，但它们真的很不错），我非常感谢您的帮助。我的故事是，我有一个

for循环

，我想在

highcharts

中显示for循环的结果。我该怎么做

<p>A n: <%= @calculation.a_n %></p>
<p>H: <%= @calculation.h %></p>
<p>K: <%= @calculation.k %></p>
<p>P: <%= @calculation.p %></p>
<p>A: <%= @calculation.a %></p>
<small>T: <%= @calculation.created_at %></small>
<br /><br />
    <%= @calculation.a_n %> <br />
    <% @amount = (@calculation.h * @calculation.k) %> 
    <% @percent = (@calculation.h * @calculation.k) / @calculation.p %> 
  <% for i in 0..@calculation.a do %> 
    <% @newAmount = ((@amount/(@percent)) + @amount) %>
    <%= "#{i}" + " - #{@amount}" %><br />
    <% @amount=@newAmount %>
  <% end %>
<script type="text/javascript" charset="utf-8">
  $(function() {
    new Highcharts.Chart({
      chart: {
    renderTo: "calculations_chart"
      },
      title: {
    text: "Sum for a year"
      },
      xAxis: {
    text: "Years"
      },
      yAxis: {
    title: {
      text: "Sum"
        }
      },
      series: [{
    data: //for loop?
      }]
    });
  });
</script>
<div id="calculations_chart" style="width:560px; height:300px;"></div>

A n:

H:

K:

p:

A:

T:







$（函数（）{
新海图，海图({
图表：{
renderTo：“计算图表”
},
标题：{
正文：“一年之和”
},
xAxis：{
案文：“年”
},
亚克斯：{
标题：{
正文：“总和”
}
},
系列：[{
循环的数据：？
}]
});
});

如果在循环中计算了单个值，则可以将其放置在所需位置

series: [{
data: [<%=@amount%>]
  }]

系列：[{
数据：[]
}]

或者，如果您在某个位置存储了一系列数据，希望迭代并将其添加到图表中

series: [
      {
      data: [
<% for i in 0..@calculation.a do %> 
  <% @amount = ((@amount/(@percent)) + @amount) %>
  <%= @amount %>,
<% end %>
 ]}
]

系列：[
{
数据：[
,
]}
]

页面中有很多逻辑，您可能需要考虑将其移动到控制器或模型。为了在多个地方实现超级可重用性，您可以使用一个操作来提供JSON中的数据，这些数据是您在需要它的页面中异步获得的

---

编辑以匹配highchart格式

您的循环是什么意思？预先计算的数据服务器端？将json编码的输出放在页面上的某个地方（scipt标记内），解码并将其放在数据中谢谢您的回复！基本上我只需要在这一页。这是“显示”视图，如果我在浏览器中打开此视图，则这是我始终看到的视图。我试过代码，但它给了我一个空白点。没有错误，什么都没有，只是空白。我确实有一系列数据要存储，我想将它们添加到图表中。只需查看highchart示例，了解他们想要的数据格式，请尝试代码的编辑版本。您可以查看源代码以确保数据在那里，也可以检查控制台以确保没有错误，但仍然相同。在源代码中，现在存储了一些数据。请尝试向页面主体添加一些调试，如：“amount is holding:”。如果为空，则金额中没有数据。还要确认控制台中没有错误，你很搞笑！！现在我需要做的就是得到正确的数据，我想现在我的图表循环开始了，上一个for循环结束了。再次感谢您，祝您度过愉快的一天！=）