Chartkick柱形图多种颜色 [英] Chartkick column charts multiple colors

问题描述

我在RoR项目中使用，但是它已经使用了半年多了，我希望

更新

我的代码如下：

控制器

  @followers_gender_count = Project.find（params [：id]）。followers.group（：gender）.count 
  

视图

 <％= column_chart parse_gender_data（@followers_gender_count）％> 
  

Helper

  def parse_gender_data（data）
性别数据= Hash.new 
性别数据[：male] =数据[1] 
性别数据[：female] =数据[2] 
（{'Male'=> gender_data [：male]，'Female'=> gender_data [：female]}）
结尾
  

更新2
-在GitHub上发布

解决方案

来自 @ buren在GitHub上的评论看来，使用不同的JSON结构会在<$ c上调用不同的颜色$ c> column_cart 。

---

我在 Helper中更改了输出：

  def parse_gender_data（data）
 sex_data = Hash.new 
 sex_data [：male] =数据[1] 
性别数据[：女性] =数据[2] 
 [{ name => 男性，数据 => {性别 => sex_data [：male]}}，{ name => 女性，数据 => {性别 =>性别数据[：female]}}] 
结尾
  

---

并创建 chartkick.rb config 文件（ config / initializers / chartkick.rb ），添加一些颜色：

  Chartkick.options = {
颜色： [＃63b598，＃ce7d78，＃ea9e70，＃a48a9e，＃c6e1e8] 
} 
  

---

输出所需结果：

I'm using chartckick in my RoR project to generate charts, which works quite nice. (along with Google Charts).

I've created a column chart with only 2 bars (male and female).

And now the client wants that each bar have different color? Is that possible?

I've seen this post - How to change the color of a Column-chart created with Chartkick? but it's more then half of year old and I'm hoping that there is a way now to specify more colors to the bars.

Update

My code looks like:

Controller

@followers_gender_count = Project.find(params[:id]).followers.group(:gender).count

View

<%= column_chart parse_gender_data(@followers_gender_count) %>

Helper

def parse_gender_data(data)
  gender_data = Hash.new
  gender_data[:male] = data[1]
  gender_data[:female] = data[2]
  ({ 'Male' => gender_data[:male], 'Female' => gender_data[:female] })
end

Update 2 - Issue on GitHub

解决方案

From @buren's comment on GitHub it seems that using a different JSON structure will invoke different colors on the column_cart.

---

I changed the output in the Helper:

def parse_gender_data(data)
  gender_data = Hash.new
  gender_data[:male] = data[1]
  gender_data[:female] = data[2]
  [{"name" => "Male","data" => {"Gender" => gender_data[:male]}},{"name" => "Female","data" => {"Gender" => gender_data[:female]}}]
end

---

And created the chartkick.rb config file (config/initializers/chartkick.rb), adding some colors:

Chartkick.options = {
  colors: ["#63b598", "#ce7d78", "#ea9e70", "#a48a9e", "#c6e1e8"]
}

---

Which outputs the desiring result:

这篇关于Chartkick柱形图多种颜色的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！