Javascript 与C3.js仪表同步显示的数字

我使用R's Shining中的滑块来控制C3.js仪表。我已将转换的持续时间更改为一个较大的数字，以便清楚地看到转换。但是，数值将直接切换到最终值。它们不会与仪表同步增减。这怎么可能呢

---

立即缩短转换持续时间，将其设置为

5000ms

。尝试

transition:{duration:200}，

这不会有帮助。理想的行为是让压力表缓慢过渡到下一个状态（即长过渡时间）。同时，我希望数字与变化的仪表同步变化。立即缩短转换持续时间，将其设置为

5000ms

。尝试

transition:{duration:200}，

这不会有帮助。理想的行为是让压力表缓慢过渡到下一个状态（即长过渡时间）。同时，我希望数字的变化与仪表的变化同步。

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});

      }
    };
  }
});