Chartkick 饼图图例自定义

Question

我在 chartkick 中使用 highcharts 库来绘制图表。

我需要自定义饼图的图例，但我可以做到。

我的代码是

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

这会导致

但我需要类似的东西

ie) 我需要单独显示图例。

不要考虑图例中的数据，它只是一个样本数据，可能在两个图表中有所不同。

Answer 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
   },
   

这是一个没有任何包装器的纯 Highcharts 配置。