Изменение диаграммы понтов Keen.io с использованием c3.js (Javascript SDK)

Question

Я пытаюсь отформатировать диаграммы пончиков, используя c3.js, используя Keen javascript SDK. Мой пример довольно прост:

var query1 = new Keen.Query("count_unique", { 
      eventCollection: "notification", 
      filters: filters, 
      groupBy: ["platform"], 
      targetProperty: "event", 
      timeframe: "this_7_days", 
      timezone: "Europe/London" 
     }); 

     client.draw(query1, document.getElementById("chart_1"), { 
      library: 'c3', 
      chartType: 'donut', 
      title: 'Notification by platform', 
      label: { 
       format: function (value, ratio, id) { 
        return d3.format('$')(value); 
       } 
      } 
     }); 

Это прекрасно работает, и я получаю пончик, выглядящий ОК (пончик разделен платформой). Тем не менее, я хочу, чтобы фактические значения отображались в метке, а не% от общего числа. Предполагается, что вышеприведенный фрагмент достигнет этого (благодаря некоторым SO-копиям-макаронам), но это не так.

Я пробовал много комбинаций, но просто не могу изменить ярлыки вообще. Если у кого есть какие-то идеи, это было бы здорово - спасибо.

Ссылки:

• http://c3js.org/reference.html#donut-label-format
• https://github.com/keen/keen-js/blob/master/docs/visualization.md

Answer 1

Вы должны использовать chartOptions как так

... 
chartType: 'donut', 
chartOptions: { 
    donut: { 
     label: { 
      format: function (value) { 
       return value; 
      } 
     } 
    } 
} 
...