打开Flash图表rails x轴问题

Question

我在 Rails 应用程序中使用 Open Flash Chart 2（插件）。除了 x 轴上的范围之外，一切看起来都很平滑。我正在创建一条线来表示特定使用量的手机计划成本，并生成 8 个值，其中 1-5 低于允许的使用量，而 6-8 则演示超过限制的使用成本。

我遇到的问题是如何将 ruby​​ on Rails 中 X 轴的范围设置为特定于数据的范围。现在显示的值是我给出的数组的索引。当我尝试将哈希传递给值时，图表甚至根本不加载。

所以基本上我需要帮助找到一种方法来正确设置我的行的数据，以便它正确显示，现在它正在将每个值视为代表数组索引的 x 值。

这是一个屏幕截图，可能比我所说的更好： http ://i163.photobucket.com/albums/t286/Xeno56/Screenshot.png 请注意，这些值是正确的，只是 x 轴上的范围不正确，它应该类似于 100、200、300， 400, 500, 600, 700

代码：

y = YAxis.new
y.set_range(0,100, 20)

x_legend = XLegend.new("Usage")
x_legend.set_style('{font-size: 20px; color: #778877}')

y_legend = YLegend.new("Cost")
y_legend.set_style('{font-size: 20px; color: #770077}')

chart =OpenFlashChart.new
chart.set_x_legend(x_legend)
chart.set_y_legend(y_legend)
chart.y_axis = y

line = Line.new
line.text = plan.name
line.width = 2
line.color = '#006633'
line.dot_size = 2
line.values = generate_data(plan)     
chart.add_element(line)

def generate_data(plan)
  values = []
  #generate below threshold numbers
  5.times do |x|
    usage = plan.usage / 5 * x 
    cost = plan.cost
    values << cost
  end
  #generate above threshold numbers
  3.times do |x|
    usage = plan.usage + ((plan.usage / 5) * x)
    cost = plan.cost + (usage * plan.overage)
    values << cost
  end
  return values
end

我遇到的另一个问题是我不能只添加几个点，因为我给出的任何值都被视为 x 是数组中的元素位置，y 是值，而我需要能够为每个点指定 x 和 y 值，这样我就不必用一堆空值来缓冲我的数组

Answer 1

您必须创建一个 XAxis 对象来设置标签：

x = XAxis.new
x.labels =  [100, 200, 300, 400, 500, 600, 700].collect(&:to_s)
chart.x_axis = x

Answer 2

根据我的经验，使用 Open Flash Chart 2 有很多方法可以完成任务。上面的 mikezter 示例几乎是正确的；然而，这就是我设置 XAxis 标签的方式。

x = XAxis.new
x.set_labels([100, 200, 300, 400, etc]).collect(&:to_s)
chart.x_axis = x

请注意，我的示例和 mikezter 的示例之间的唯一区别是我使用：

x.set_labels([array values etc])

而不是

x.labels = [array values etc] 

Answer 3

我最终放弃了 Open Flash Chart 2 并选择了 Flotr