折线图渲染数据 const option = {
// 提示框组件
tooltip: {
trigger: 'axis',
},
// 图例组件
legend: {
top: '2%',
left: 'left',
data: ['全部', '微博', '互动论坛', '网站', '微信', '客户端', '数字报', '视频', '互动声量']
},
// x轴坐标轴
xAxis: {
type: 'category',
boundaryGap: false,
data: ['2023-05-08 00:00:00', '2023-05-09 00:00:00', '2023-05-10 00:00:00', '2023-05-11 00:00:00', '2023-05-12 00:00:00', '2023-05-13 00:00:00', '2023-05-14 00:00:00']
},
// y轴坐标轴
yAxis: {
type: 'value',
},
// 使用grid组件调整图表布局
grid: {
left: '2%', // 调整左侧留白空间大小
containLabel: true, // 包含坐标轴标签在内
},
series: [
{
name: '全部',
type: 'line',
data: this.data1.all,
itemStyle: {
color: '#49c6e4',
},
},
{
name: '微博',
type: 'line',
data: this.data1.weibo
},
{
name: '互动论坛',
type: 'line',
data: this.data1.forum
},
{
name: '网站',
type: 'line',
data: this.data1.website
},
{
name: '微信',
type: 'line',
data: this.data1.wechat
},
{
name: '客户端',
type: 'line',
data: this.data1.app
},
{
name: '数字报',
type: 'line',
data: this.data1.newspaper
},
{
name: '视频',
type: 'line',
data: this.data1.video
},
{
name: '互动声量',
type: 'line',
data: this.data1.voice
}
],
// 系列数据
}; 后端返回的数据格式 total:[{ABP News:0,ANTARA News:0,......},{}] 怎么处理