SOURCE

option = {
  title: {
    text: "固定横轴坐标，包含时分秒刻度，根据数据展示对应图",
    subtext: "故事点数",
  },
  tooltip: {
    trigger: "axis",
    //   鼠标上移x轴、y轴刻度展示
    //   axisPointer: {
    //     type: "cross",
    //   },
  },
  toolbox: {
    show: true,
    feature: {
      saveAsImage: {},
    },
  },
  // formatter: function(params) {
  //   //   console.log(params);
  //   var temp = "";
  //   temp = params[0].data[0] + "<br/>" + "故事点数：" + params[0].data[1];
  //   return temp;
  // },
  xAxis: [
    {
      // data: diffDate,
      //设置类别
      type: "time",
      interval: 24 * 60 * 60 * 1000,  // 固定x轴时间间隔 间隔24小时，也就是一天
                      // 自己想固定间隔多长时间可以改成自己的间隔时间
      min: 1721577600000, // 开始时间时间戳
      max: 1721923199000, // 结束时间时间戳 如果实际的最大日期不确定，也可以不设定这个属性
      // x轴的字
      axisLabel: {
        show: true,
        showMinLabel: true,
        showMaxLabel: true
      },
    },
  ],
  yAxis: {
    type: "value",
    axisLabel: {
      formatter: "{value} W",
    },
    axisPointer: {
      snap: true,
    },
  },
  series: [
    {
      name: "Electricity",
      type: "line",
      // smooth: true,
      // data的格式 [[实际日期:数值],[[实际日期:数值]]]
      // 不需要属性名
      data:
      [
        ["2024-07-22 00:00", "100"],
        ["2024-07-22 02:00", "0"],
        ["2024-07-22 03:12", "50"],
        ["2024-07-22 05:00", "200"],
        ["2024-07-22 07:00", "300"],
        ["2024-07-22 09:00", "100"],
        ["2024-07-23 05:00", "650"],
        ["2024-07-23 20:00", "200"],
        ["2024-07-24 0:00", "300"],
        ["2024-07-25 04:00", "460"],
      ],
    },
  ],
};