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的配置。