ata, {
        range: {
          type: 'time',
          mask: 'HH:mm:ss',
          nice: true,
        },
      });
      chart
        .coord()
        .transpose()
        .scale(1, -1);

      chart.legend({ position: 'top' });

      chart.tooltip({
        showTitle: false,
        itemTpl: '<li>{duration}ms: {name} </li>'
      });

      chart
        .interval()
        .position('title*range')
        .color('type')
        .tooltip('name*duration', (name, duration) => ({ name, duration }))
    