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屋!