echarts 柱状图 series.data 必须得是 [1,3,4,5]这种格式吗,不能是[{name: '',value: 0}]这种格式吗,tooltip想用name value 数据?

作者站长头像
站长
· 阅读数 9

echarts 柱状图 series.data 必须得是 [1,3,4,5]这种格式吗,不能是[{name: '',value: 0}]这种格式吗,tooltip想用name value 数据?

回复
1个回答
avatar
test
2024-07-05

可以的: answer image其实直接加tooltip就行了:

option = {
  tooltip: {
    show: true,

  },
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [120, 200, 150, 80, 70, 110, 130],
      type: 'bar'
    }
  ]
};

answer image

{ name: 'Mon', value: 2 },格式的更好格式化使用formatteranswer image

option = {
  tooltip: {
    formatter: function (params) {
      return `${params.data.name}: ${params.data.value} `;
    }
  },
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [
        { name: 'Mon', value: 2 },
        { name: 'Tue', value: 3 },
        { name: 'Wed', value: 4 },
        { name: 'Thu', value: 5 },
        { name: 'Fri', value: 6 },
        { name: 'Sun', value: 7 },
        { ame: 'Sat', value: 8 }
      ],
      type: 'bar'
    }
  ]
};
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容