ChartKick gem 通过散列

Question

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

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

我引用了 this 并且可以通过执行 pieSliceText: 'none' 来隐藏两个百分比，但无法弄清楚如何只将其应用于第二个百分比。 fontSize 参数也没有调整字体大小。有什么建议吗？

我想让蓝色右边的百分比文字变大，隐藏左边的百分比文字。

Answer 1

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}}
       ]
    }) 
%>

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

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

ChartKick gem 通过散列

ChartKick gem passing through hash

hash

charts

ruby-on-rails

chartkick