echarts 柱状图数据渲染问题

拿到后台返回的数据如下:
data: {
2020: {llastYearMap: [{num: 8, name: "苹果"}]}
2021: {lastYearMap: [{num: 9, name: "苹果"}]}
2022: {nowYearMap: [{num: 5, name: "香蕉"}]}
}
下标年份对应的柱状图x轴坐标,如何把对应的年份里面的数据渲染到对应的年份页面上

看看 echarts api吧数据处理成 它要的格式就行

img

option = {
  xAxis: {
    type: 'category',
    data: ["2020","2021","2022"]
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [8,9,5],
      type: 'bar'
    }
  ]
};


option = {
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [150, 230, 224, 218, 135, 147, 260],
      type: 'line'
    }
  ]
};

在上面代码中xAxis就是下面显示的数据
series:就是下面数据对应的值
https://echarts.apache.org/examples/zh/index.html
官网有很多案例,找到自己要的案例,然后直接换一下数据可以了

加个 tooltip: {},
https://echarts.apache.org/examples/zh/editor.html?c=bar-tick-align