拿到后台返回的数据如下:
data: {
2020: {llastYearMap: [{num: 8, name: "苹果"}]}
2021: {lastYearMap: [{num: 9, name: "苹果"}]}
2022: {nowYearMap: [{num: 5, name: "香蕉"}]}
}
下标年份对应的柱状图x轴坐标,如何把对应的年份里面的数据渲染到对应的年份页面上
看看 echarts api吧数据处理成 它要的格式就行
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