当前的背景是想让 legend 显示的内容随着下拉框选择的内容变化,但是设置了data以后,没有生效,legend 反倒不显示了。错误代码如下:
//let legendList = ['左电机', ' 右电机']; // 这个是下拉框多选的内容
var option = {
legend: {
show: true,
data: legendList,
textStyle: { color: '#ccc' },
},
// ... ...
}
实际上 legend 与下面的 series 是相关联的,这里 legend的data属性出现的名字要和series的name属性对应。
//let legendList = ['左电机', ' 右电机']; // 这个是下拉框多选的内容
var option = {
legend: {
show: true,
data: legendList,
textStyle: { color: '#ccc' },
},
// ... ...
series: [
{
name: legendList[0],
},
{
name: legendList[1],
},
}