wheatCatcher
  {
    title: {
      text: \'请求返回码分布\',
      subtext: \'实时数据\'
    },
    tooltip: {
      trigger: \'axis\',
    position: function (point, params, dom, rect, size) {//固定在顶部
      return [point[0], \'10%\'];
    },
      formatter: "发生时间:{b}<br/>返回码:{a}<br/>数量(个):{c}",//<br/>错误描述:{d}
      // formatter: function (params, ticket, callback) {
      //   // console.log(params,666)
      //   let htmlStr = \'\';
      //   for (let i = 0; i < params.length; i++) {
      //     let param = params[i];
      //     let xName = param.name;//x轴的名称
      //     let seriesName = param.seriesName;//图例名称
      //     let value = param.value;//y轴值
      //     let color = param.color;//图例颜色
      //     if (i === 0) {
      //       const errorCode = params[0].name.split("/");
      //       const errorCodeName = errorCode[1];
      //       const errorCodeTime = errorCode[0];
      //       htmlStr += \'错误编码:\'+errorCodeName + \'<br/>\';
      //       htmlStr += \'发生时间:\'+errorCodeTime + \'<br/>\';
      //     }
      //     htmlStr += \'<div>\';
      //     //为了保证和原来的效果一样,这里自己实现了一个点的效果
      //     htmlStr += \'<span style="margin-right:5px;display:inline-block;width:10px;height:10px;border-radius:5px;background-color:\' + color + \';"></span>\';
      //     //圆点后面显示的文本
      //     htmlStr += \'数量(个):\'+ value ;
      //     htmlStr += \'</div>\';
      //   }
      //   return htmlStr;
      // }
    },
    legend: {
      data: [],//"请求错误码"
    },
    toolbox: {
      itemSize: 20,
      right: "2%",
      feature: {
      mark: {show: false},
      dataView: {show: false, readOnly: false,},
      magicType: {show: false, type: [\'line\', \'bar\']},
      restore: {show: false},
      saveAsImage: {show: true, pixelRatio: 2},
      dataZoom : {
        yAxisIndex : "none" //不启用y轴的选中
      }
      }
    },
    calculable: true,
    xAxis: [
      {
        type: \'category\',
        data: []
      },
    ],
    yAxis: [
      {
        type: \'value\',
        axisLabel: {
          formatter: \'{value}\'
        }
      },
    ],
    series: [
      // {
      //   name: "",//请求错误码
      //   type: \'line\',
      //   data: [],
    ]
  };

 

分类:

技术点:

相关文章:

  • 2022-12-23
  • 2021-12-03
  • 2021-04-18
  • 2021-10-12
  • 2021-06-09
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-07-06
  • 2021-12-25
  • 2021-09-13
  • 2022-01-28
  • 2022-12-23
  • 2021-10-01
相关资源
相似解决方案