legend 不显示echarts 配置项内容和展示

通过ajax 动态获取echarts数据,在渲染页面的时候,图例不显示,不知是我的格式写的有问题,还是什么其他原因,希望解决过这种情况的小伙伴帮忙解答一下,谢谢

配置项如下
      option = {
    title: {
        text: 'Awesome Chart'
    },
    legend:[{
        data:["scrm-app-d04-srv07","scrm-app-d06-srv02","scrm-app-q08-srv01"]
    }],
    xAxis: {
        data:  ["16:08", "16:09", "16:10", "16:11", "16:12"]
    },
    yAxis: {},
    series: [{
        data: [{name: "scrm-app-d04-srv07", value: "3"},
        {name: "scrm-app-d04-srv07", value: "2"},
        {name: "scrm-app-d04-srv07", value: "1"},
        {name: "scrm-app-d04-srv07", value: "4"}, 
        {name: "scrm-app-d04-srv07", value: "5"}],
        smooth:true,
        symbol:"none",
        type:"line"
   },{
        data: [{name:"scrm-app-d06-srv02", value: "5"},
        {name: "scrm-app-d06-srv02", value: "1"},
        {name: "scrm-app-d06-srv02", value: "2"},
        {name: "scrm-app-d06-srv02", value: "8"}, 
        {name: "scrm-app-d06-srv02", value: "10"}],
        smooth:true,
        symbol:"none",
        type:"line"
   },{
        data:[{name: "scrm-app-q08-srv01", value: "10"},
        {name: "scrm-app-q08-srv01", value: "20"},
        {name: "scrm-app-q08-srv01", value: "33"},
        {name: "scrm-app-q08-srv01", value: "23"}, 
        {name: "scrm-app-q08-srv01", value: "12"}],
        smooth:true,
        symbol:"none",
        type:"line"
   }, ]
};
    
截图如下