ChartKick中的彩色列

Question

因此，我正在顯示一個柱形圖，它具有沿x軸的日期和在y軸上的時間。

它顯示生成時間，但有時構建失敗（從模型build_state可以是「成功」或「失敗」）

我想說明的成功酒吧是綠色的，而失敗的人是紅。

這是我得到的數據：

@column_chart_result = @bamboo_results.pluck(:build_start_time,:build_duration_minutes) 

，然後創建圖表：

<%= column_chart @column_chart_result, colors: ["green", "red"], width: "600px" %> 

顯然它會顯示所有的酒吧爲綠色，我不知道如何加入邏輯顯示build_state併成功顯示爲綠色，失敗爲紅色？

Answer 1

所有這一切都假設您正在使用Highcharts。我建議你使用Highcharts;這是一個有點容易做更復雜的事情是這樣的：

這裏就是你需要做的：

@column_chart_result = @bamboo_results.pluck(:build_start_time, :build_duration_minutes, :build_state) 

# Take out the :build_state column for Highcharts: 
@highcharts_data = @column_chart_result.map {|n| [n.first, n.second]} 

# Build an array of colors 
@highcharts_colors = @column_chart_result.map {|n| n.build_state == "Successful" ? "green" : "red" } 

<%= column_chart @highcharts_data, colors: @highcharts_colors, width: "600px", library: {"plotOptions": {"series": {"colorByPoint": true }}} %> 

我測試過我自己的（不同的）數據集類似的方法。當然，我還沒有在您的數據集上對其進行測試。讓我知道它是否會引發錯誤或無法正常工作。