当前位置: 首页 > 知识库问答 >
问题:

前端 - 这种怎么让其数字只为整数啊?

石博艺
2023-10-19

image.png

共有1个答案

柴砚文
2023-10-19

echarts的很多组件配置中都提供了 formatter 方法来进行数据格式化,拿 tooltip 举例

  • 在 options 的 tooltip 中配置一个 formatter 方法
  • formatter 的入参是当前移入项的相关数据
  • 根据实际需求组装一个 dom string 返回即可
const option = {  xAxis: {    type: 'category',    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']  },  yAxis: {    type: 'value'  },  tooltip: {    trigger: 'axis',    formatter(params) {      const [param] = params;      const { axisValue, marker, value } = param      return `        <div>${axisValue}</div>        ${marker}${value.toFixed(0)}      `    }  },  series: [    {      data: [150.23, 230.56, 224.23, 218.48, 135.23, 147.69, 260.56],      type: 'line'    }  ]};

效果如下
image.png

 类似资料: