axisLabel显示时间

如果你想在 echarts 中的 axisLabel 中显示时间，你需要将数据中的时间格式化为字符串，并在设置 axisLabel 的配置时指定时间的格式。以下是一个使用 moment.js 库将时间格式化为字符串并在 echarts 中显示的示例代码：

// 引入 moment.js 库
import moment from 'moment';

// 数据中的时间格式为 Unix 时间戳
const data = [
  { time: 1611830400000, value: 10 },
  { time: 1611916800000, value: 20 },
  { time: 1612003200000, value: 30 },
];

// 将时间格式化为字符串
const formattedData = data.map(item => ({
  time: moment(item.time).format('YYYY-MM-DD HH:mm:ss'),
  value: item.value,
}));

// 设置 axisLabel 的配置
const option = {
  xAxis: {
    type: 'category',
    data: formattedData.map(item => item.time),
    axisLabel: {
      formatter: function (value) {
        // 指定时间的格式
        return moment(value).format('YYYY-MM-DD HH:mm:ss');
      },
    },
  },
  yAxis: {
    type: 'value',
  },
  series: [
    {
      data: formattedData.map(item => item.value),
      type: 'line',
    },
  ],
};

// 渲染图表
const chart = echarts.init(document.getElementById('chart'));
chart.setOption(option);

在以上示例中，我们使用 moment.js 库将数据中的时间格式化为 `YYYY-MM-DD HH:mm:ss` 的字符串，并在设置 xAxis 的 axisLabel 的 formatter 时也指定了相同的格式，这样就可以在 echarts 中正确地显示时间了。