echarts格式工具提示圆十进制数

Question

我正在使用 echarts 绘制浮点值，我想在系列的工具提示中将小数舍入到小数点后两位（保持当前的工具提示样式）。

我的选项变量是：

var truckTurnAroundTimeOption = {
  color: ['dodgerblue', '#e67e22'],
  title: {
    text: 'Truck Turnaround Time',
    show: false,
    textStyle: {
      fontFamily: 'Roboto',
      fontSize: 14
    }
  },
  tooltip: {
    trigger: 'axis'
  },
  calculable: true,
  xAxis: [
    {
      type: 'category',
      boundaryGap: false,
      axisLabel: {
        formatter: function (value, index) {
          return value.slice(0,5);
        }
      },
      data: truckTurnaroundTimes.map(item => item.hour)
    }
  ],
  yAxis: [
    {
      type: 'value',
      name: 'mins',
      nameLocation: 'middle',
      nameGap: 30,
      
      splitLine: {
        //remove grid lines
        show: false
      }
    }
  ],
  grid: {
    left: 68,
    top: 8,
    right: 28,
    bottom: 38
  },
  legend: {
    show: true,
    icon: 'circle',
    orient: 'vertical',
    top: -4,
    right: 26,
    itemHeight: 12,
    textStyle: {
      fontSize: 11,
    }
  },
  series: [
    {
      name: 'current',
      type: 'line',
      smooth: false,
      data: data.map(item => parseFloat(item.current_truck_turnaround_time)) /* Values like 12.2343443, 5.123452 */
    },
    {
      name: 'improved',
      type: 'line',
      smooth: false,
      data: data.map(item => parseFloat(item.improved_truck_turnaround_time)) /* Values like 12.2343443, 5.123452 */
    }
  ]
};

数组数据集中的数据包含如下值：12.2343443、5.123452 等

PD：我不想在绘制图表之前对系列数据进行舍入

Answer 1

这里使用parseFloat()的toFixed()方法：

data.map(item => parseFloat(item.current_truck_turnaround_time).toFixed(2))

Answer 2

您可以提供格式化程序函数以将显示格式化为所需的精度。

{
  tooltip: {
    formatter([{value: v1}, {value: v2}]) => `${v1.toFixed(2)}<br/>${v2.toFixed(2)}`,
    trigger: 'axis'
  }
}

echarts格式工具提示圆十进制数

echarts format tooltip round decimal numbers

javascript

tooltip

echarts