Mulitple colors in bar chart

[jdubhub]

Perhaps this is more a support question rather than a bug, I'm trying to create a multicoloured colum_chart. I can't seem to set different colours for each series. Can you please advise where the issue is. Thankyou

  `  <%= column_chart  [
    ["Deferred", @repair.deferred_count],
    ["Monitored", @repair.monitor_count],
    ["Important", @repair.important_count],
    ["Urgent", @repair.urgent_count],
  ],
    colors: ["#00639c", "blue","yellow", "red"],
    :height => "210px", 
    :library => {
      :backgroundColor => "#002f4c",
      :chartArea => {:width =>'100%', :height => '100%'},
      :legend => "none",
      :vAxis => { :gridlines => {:color => "#002f4c"}, :baselineColor =>  "002f4c"}
    } %> `

[MegatronCupcakes]

library: {series: {0 => {color: 'pink'}, 1 => {color: 'purple'}, 2 => {color: 'yellow'}}

[jdubhub]

Thanks for that MegatronCupcakes.

I've updated the code to the following however per the attached screenshot,
all series are still appearing as one colour.

(using Chrome on Yosemite)

Regards,

[image: 3sparks llc] http://www.easy2use.com.au/

Jared Winton
0409 202 203/ jared@easy2use.com.au

Office: *1800 100 941 */ Fax: 02 8580 6363
05 Peter Brock Drive, Oran Park Town NSW 2570

On 13 December 2014 at 03:01, MegatronCupcakes notifications@github.com
wrote:

library: {series: {0 => {color: 'pink'}, 1 => {color: 'purple'}, 2 =>
{color: 'yellow'}}

—
Reply to this email directly or view it on GitHub
#149 (comment).

[adelivuk-zz]

I can also confirm that this doesn't work - it just uses the first value for all columns.

Is there a way to specify a different color for each column?

[buren]

@adelivuk, @jdubhub
I've created bar/column charts with different colours with this code:

# charts/gender.html.erb
column_chart(charts_gender_path)

And charts_gender_path answers with this JSON:

[{"name":"Male","data":{"Gender":38}},{"name":"Female","data":{"Gender":59}}]

[adelivuk-zz]

I can confirm that @buren JSON structure will use different color for the column_cart.

Just a note, you have to first speficy the colors in your config/initializers/chartkick.rb:

Chartkick.options = {
  colors: ["#color1", "#color2", "#color3", "#color4", "#color5"]
}

[leonardk1]

@buren It has worked for me, and yes you have to specify the colors as @adelivuk has pointed out

[leonardk1]

however I had to edit this
[{"name":"Male","data":{"Gender":38}},{"name":"Female","data":{"Gender":59}}] to
[{name: "Male", data: {"Gender": 38}}, {name: "Female", data: {"Gender": 59 } }]

to use the new supported hash structure

[ankane]

Sounds like this was solved. For future readers, you can use the multiple series format for different colors for the bars.