apache echart 中的舍入数字和使用单位

Question

在我的echarts中与这些作斗争：

1. Y 轴上的舍入数字
2. 将 Y 轴上的数字转换为短数字（ 10000000 => 1M ，注意：图表在数字较大时看起来不太好）
3. 将 X 轴的单位转换为秒（0.00 => 2ms，2.0256 => 2,05s。注意：这些是桶）

我正在尝试在https://grafana.com/media/products/cloud/application-observability/service-overview-1.png

中创建与持续时间分布图类似的图表

option = {
  xAxis: {
    type: 'category',
    axisTick: {
      show: false
    },
    data: [0.002, 0.004, 0.128, 0.512, 1.0256, 2.0512, 5.1],
  },
  yAxis: {
    type: 'value',
  },
  tooltip: {
    trigger: 'axis',
    axisPointer: {
      type: 'shadow'
    }
  },
  grid: {
    top: '4%',
    left: '3%',
    right: '4%',
    bottom: '3%',
    containLabel: true
  },
  series: [
    {
      data: [1204546.1235, 200456.315311, 1504561.11, 8046456, 7456456.654, 1146540.6484868432, 134560.1],
      type: 'bar'
    }
  ]
}

https://jsfiddle.net/o3dxqm8p/

谢谢

Answer 1

我不太明白你的舍入/转换值问题。您可以完全控制传递给 echarts 的内容，并且可以预先计算所有必要的内容。

蜜蜂说，所有问题的解决方案似乎是 formatter 功能。请参阅下面的转换 yAxis 值的示例。

示例：

yAxis: {
  axisLabel: {
    formatter: (value) => value / 1000000 + ' Mio'
  }
}