2

Rails 3プロジェクトで作業していますが、LazyHighChartジェムで生成する円グラフの色を変更したいのですが、その方法がわかりません。

これは私のメソッドコントローラーです

def set_pie_chart(data)
fixed_data = []
data.each_pair do |key, value|
fixed_data << [key.name, value]
end

  @color = data.keys.map {|e| "#" + e.colour }  # e.colour is like '333333'
  @chart = LazyHighCharts::HighChart.new('pie') do |c|
    c.chart({:defaultSeriesType=>"pie" , :margin=> [0, 0, 0, 0]})
    series = {
      type: 'pie',
      name: 'total expenses',
      data: fixed_data,
      colors: ['green','red'] # intent
    }
    c.series(series)
    c.colors = ['red','blue','black'] # intent
    c.options[:colors] = ['green','blue','yellow'] # intent
    c.options['colors'] = ['red','blue','yellow'] # intent
    c.options[:title][:text] = nil
    c.plot_options(:pie=>{
      cursor: "pointer",
      center: ['50%','37%'],
      color: 'red', #intent
      dataLabels: { enabled: false }
    })
  end
end

この方法はエラーを残しません、正しい方法は何ですか、またはこの宝石では不可能ですか?

または、他にどのような優れた代替宝石をプロジェクトに使用できますか?

4

2 に答える 2

2

私は同じ問題を抱えていました、そして私は私のビューに色のオプションを置くことによってそれを解決しました。これは私がしたことです:

#my_view_helper.rb
def chart_colors
  html =  
     "[{linearGradient: [0, 0, 0, 200], stops: [[0, '#e28b02'],[1, '#f1bc70']]},
     {linearGradient: [0, 0, 0, 200], stops: [[0, '#a5ba57'],[1, '#a8bb51']]}, 
     {linearGradient: [0, 0, 0, 200], stops: [[0, '#1e93d6'],[1, '#35aff6']]}, 
     {linearGradient: [0, 0, 0, 200], stops: [[0, '#c8cf99'],[1, '#cdcfa9']]}, 
     {linearGradient: [0, 0, 0, 200], stops: [[0, '#709ab1'],[1, '#a7c5d0']]}, 
     {linearGradient: [0, 0, 0, 200], stops: [[0, '#c76f4e'],[1, '#fba98e']]},
     {linearGradient: [0, 0, 0, 200], stops: [[0, '#95d6e3'],[1, '#bbe8ed']]}]"
  html
 end

#my_view.html.haml
#chart
  = high_chart("pie_1", @chart) do |c| 
    = "options.colors = #{chart_colors}".html_safe
于 2011-09-02T01:10:15.163 に答える
0
@chart = LazyHighCharts::HighChart.new('pie') do |c|
    c.colors(["red","green","blue"]);
end
于 2015-04-13T19:37:19.290 に答える