Синхронизация чисел, отображаемых с помощью индикатора C3.js

Question

Я использую ползунок в блестящем R для управления датчиком C3.js. Я изменил продолжительность перехода на большое количество, чтобы четко видеть переходы. Однако числовые значения переключаются непосредственно на конечное значение. Они не увеличиваются или уменьшаются синхронно с датчиком. Как это можно сделать?

HTMLWidgets.widget({

  name: 'C3Gauge',

  type: 'output',

  factory: function(el, width, height) {

    // create an empty chart
    var chart = null;

    return {

      renderValue: function(x) {

        // check if the chart exists
        if(chart === null){

          // the chart did not exist and we want to create a new chart via c3.generate
          chart = c3.generate({
                bindto: el,
                data: {
                    json: x,
                    type: 'gauge',
                },
                gauge: {
                    label:{
                        format: function(value, ratio){ return value;}
                    },
                    min: 0,
                    max: 100,
                    width: 15,
                    units: ''
                },
                transition: {
                    duration: 5000
                },

            });

          // store the chart on el so we can get it later
          el.chart = chart;
        }

        // at this stage the chart always exists 
        // get the chart stored in el and update it
        el.chart.load({json: x});

      }
    };
  }
});