ChartKick宝石传递哈希

时间:2015-03-22 00:09:48

标签: ruby-on-rails hash charts chartkick

我正在使用ChartKick ruby gem并想知道我如何传递参数来调整百分比字体大小并隐藏第二个百分比的文本。

 <%= pie_chart({"Watched" => 45.9, nil => 54.1}, :library => {:colors => ["#1ac6ff", "#ECECEB"], :legend => 'none', :fontSize => '35px'}) %>

我引用this并且可以通过执行pieSliceText: 'none'来隐藏这两个百分比,但无法弄清楚如何仅适用于第二个百分比。 fontSize参数也不是要调整字体大小。有什么建议吗?

我希望蓝色侧右侧的百分比文字更大,左侧的百分比文字隐藏。

enter image description here

1 个答案:

答案 0 :(得分:0)

必须将

fontSize指定为数字。尝试:fontSize => 10:fontSize => 20等,使蓝色边右侧的百分比文字更大。

在显示另一个文本时,看起来不可能完全隐藏其中一个百分比文本。

以下内容显示了两种不同字体的文本。不幸的是,将0设置为字体大小并不起作用。

<%= pie_chart({"Watched" => 45.9, nil => 54.1}, 
    :library => {
       :legend => 'none', 
       :slices => [
         {color: "#1ac6ff", textStyle: {fontSize: 20}}, 
         {color: "#ECECEB", textStyle: {fontSize: 10}}
       ]
    }) 
%>

different size fonts

您可以通过将颜色设置为transparent来隐藏整个切片,如下所示:

<%= pie_chart({"Watched" => 45.9, nil => 54.1}, 
       :library => {
         colors: ["#1ac6ff", "transparent"],
         legend: 'none',    
         fontSize: 20
  }) 
%>

transparent slice