echarts举例: legend: { data: [ { name: 'Email', // 强制设置图形为圆。 icon: 'circle', // 设置文本为红色 textStyle: { color: 'red' } }, { name: 'Direct', // 强制设置图形为圆。 icon: 'circle', // 设置文本为红色 textStyle: { color: 'red' } } ] }, data中的name应该是series中的name, 图例顺序会根据`legend`中的`data`顺序渲染:  > > [https://echarts.apache.org/zh/option.html#legend.data](https://link.segmentfault.com/?enc=tpIPbxTLAed8MRIMAwSe1w%3D%3D.ilwNuCpbEswplHFOG4leRg0Iuh8Pn6lVBWAvO54w2Yz960TWg6dhIbon3cRbCL4wXJZ0RPIBgMYYl30qmnVweQ%3D%3D) > [https://echarts.apache.org/examples/zh/editor.html?c=bar-> stac...](https://link.segmentfault.com/?enc=9xAuK0B5RJT2nrylMXq%2F5w%3D%3D.S3QetwGwDb7WXAxVji5hJdI6DW4SYIM6XqSRltOq9CB7qsFkesvQMnLMlyCBB2dcarJe0avCALdmDhmLsUo87G2NfO7GymgJocdaarewfTk7IKlCSppvzBvFO4NDEsnvaTVLTv51X1q6OEtGKsHidiRe4KqTXN4BFZ%2FG8mfGDDmLW%2B6x2rNultpK%2BCddMgETfw%2FQAOFbisSn2lA9KTmjDDpfPYGzTE4wcjJ3sulbqmkynnAf5jZGzLBfU7QRfw6Vo3oO6ikcEz272UZiqdMdcajkPw3WAC40a3REhasoowGcikR02Kano1fnqvtABCVLwuH677uh%2B6jFA%2Fx7g7uoAzO%2Bzbs5pEapU60dh2MtNoTwtIG%2B5oqHnUk3iugXgej7Z9is07e6umBNertuduCq0LjrQBfw4LN%2F8W8R1%2Fl4DT3f5Ur51xSrmkSR%2BAMUNkaB1Gwue9tcj4SZQIQ0O5u4jZrlwv3Ht0xUuAj00gI91kg47uPePDPMHflmmrfVwUkB%2Fkok5diE2eKStM0xVHyqNOEsnkX4jTYs2Mtec%2FmRayP471fzH2Zj7EJKqweVIamEneHktS10T9amuQ3VFZyt5os0%2BIo6lZpEZyMlLNrAOAoZRPIM%2FsahqkMraYAxnUiNYbjfpr%2BQ9lGxBdYdZdAoHhvmUdZCzqgbVQd%2BAmDV6Sw0r0DiqNKdnXrkxNRlAetdq%2BEvA3f4b8DJ3uIwELRYOnBdQ8QCxjqanUU5oMFTO4Gho5aBEUmzuLL4gCQSuDwrd4nX5oWJdw9AGHStqGEAEYGq0ullAFnQPNLlzTR1BS4o%2FG7oATK8ePA%2FlyGOJwwP6tqSczoxijafAzrIURmib8Tw8cCx3U%2B%2BoBbGA6qSpVur1TVK3dtByR1Kj2STZ1vpdDthsBQcsrtQfz7vCYy2KywrEAwHqzDvDj2AmuuStqEys2K%2BNUHsMGkCx9NZLCXWkBAsG2nTyYyizfLpWH3fz8Drn1xK%2FTt3m2Bloj26JKZWmMwi6EAM473hMxEU7ZB1wf%2BGbJ8qr%2F%2FdYzQtIaHqCA34Jurmhb52xi8IEL7bRZ%2Fp8cbgg7hsV05MSUrBwS7m22FKmD2csrTxO%2FRLUszEfFhVPgeE3tKJgb3u9Vg8WfAZ1qTGsLAlZLjH3z3iJfcAvj6UvXBfZDbZsIFvkDrWHhPROC7HVyhSAT2mznxsK0jDndknOUZAw5EdYaOTmG0RoSIpbI59KTD2lYtM5er1KXRbFQDT7VooqjvuMomJTL7XGZoIkiZUY2rt4phmYUSYYYrjrVyKPYsAf2jtAKQpoSrZn1I253r1qvikg0d%2FRu%2By%2FO4YUGQG0ymq25tWdHsutSk6hTzuKrvM16i5p10PprbtEcEaXtU2m8x3RTnW%2BSxBUtFEr3rY5ZiuoFm9tlL4KVLS9%2B1TAxHW%2FSZinilwQUOl8INiecliFg5ijbAvOw%2FpIIi3HFVwLpJ%2Bjaw1Iwk8WfTD2s83wyBybLCxSgX2pkAEnMd69GvmzoJ04x24KaliQe1PJcptlbq8H1rkMxiZRb5FjZ5Y6apBEzxesmgvVO9Y4BXMjg5ZGe39TV%2FmIwr7ER1GpzqPdpXZ%2FX3pMC8eka6GY6NRrFBfSALOx%2BBpA9pP0t0cpoiv6kyMRWYVHzRyC2Phg8JL5igrbcJPfdDnWnA0NneGvr4g9ovFuJsOPyud02nIgRf7XTBEbJmp8%2BhkerbnnE4n9dENDzdYz448G%2BI6NO2ztfzcHYiqotsJGgh0iwbSLWyqsoRxqeBh9Vd2z0dAh96Z22UPD%2FsUbkaR7%2BlB9jMKvpLxRaMnB4fAiGOMGiNW7Rd9uuGz72mfiL5Jk1%2FDzZUxTSsdsf6G3M3DJqjWIm6595QYshA8dMiph1ell4H2avfCPcTUT0zmXlVMsQexQDcAJwSeEy90jXbYZhpDGPXW%2FgF%2BP%2BanuXS83d1OO1oaK3jbfJk0hFzdZgOisKClYZCzj34h2%2Fnzyls%2F)