2016-12-09 241 views
1

私はグラフを描画するためにchartkickでhighchartsライブラリを使用しています。Chartkick円グラフの凡例のカスタマイズ

円グラフの凡例をカスタマイズする必要がありますが、できました。

私は伝説を別々に表示する必要がある)私のコードでは、これは

enter image description here

になり

<%= pie_chart Question.group(:user_id).count %> 

あるしかし、私はすなわち

enter image description here

ようなものが必要。

凡例のデータは考慮されていませんが、2つのグラフで異なるサンプルデータです。

答えて

1

円グラフのデフォルトオプションを編集する必要があります。

  1. 無効にデータラベル:http://jsfiddle.net/qor8fhqb/2/

    plotOptions: { 
        pie: { 
        dataLabels: { 
         enabled: false 
        } 
        } 
    }, 
    
  2. は、凡例に円系列を示す有効http://jsfiddle.net/qor8fhqb/3/

    series: [{ 
        showInLegend: true, 
    
  3. 伝説のシンボルカスタマイズhttp://jsfiddle.net/qor8fhqb/4/

    legend: { 
    symbolWidth: 40, 
    // symbolHeight: 20, 
    squareSymbol: false, 
    symbolRadius: 0 
    }, 
    

これは、ラッパーのない純粋なハイチャートの設定です。

関連する問題