Web echarts显示每个条对应的图例

echarts版本3.5.4

我创建了一个条形图，我想为每个条形图显示相应的图例。 但是，图例似乎只能在系列中显示

---

例如，我有一个系列，它有六个数据项。这意味着将显示六个条。那么，如何为这六个条中的每一条显示图例呢？

不幸的是，您无法为每个条显示相应的图例

在没有轴的图表中，如

饼图

，

漏斗图

，可以显示每个数据的图例

像这样

在具有类似轴的

线

，

条

的图表中，只能显示每个系列的图例

像这样

------添加--

我们是否可以将每个条形图制作成一个单独的系列，然后使图表看起来只与一个系列相同

是的，检查这个

但要做到这一点,需要注意一些关键点,

• 首先，每个

  系列

  的

  数据

  必须具有相同的长度，因此应使用

  null

  值作为补码

• 为了获得合适的条形宽度，每个

  系列

  必须使用

  堆栈

  选项

let echartsObj=echarts.init（document.querySelector（“#canvas”）；
选项={
颜色：[“3398DB”、“5528DB”、“ff00DB”、“3300DB”、“de3423”]，
xAxis：[
{
类型：'类别'，
数据：[周一、周二、周三、周四、周五、周六、周日]，
}
],
图例：{
数据：['data1'，'data2'，'data3'，'data4'，'data5'，'data6']
},
亚克斯：[
{
类型：“值”
}
],
系列：[
{
名称：'data1'，
类型：'bar'，
堆栈：“堆栈”，
数据：[10，，，，，]
}, {
名称：'data2'，
类型：'bar'，
堆栈：“堆栈”，
数据：[，22，，，，]
}, {
名称：'data3'，
类型：'bar'，
堆栈：“堆栈”，
数据：[，35，，，，]
}, {
名称：'data4'，
类型：'bar'，
堆栈：“堆栈”，
数据：[，，，70，，，，]
}, {
名称：'data5'，
类型：'bar'，
堆栈：“堆栈”，
数据：[，，，155，，，]
},  {
名称：'data6'，
类型：'bar'，
堆栈：“堆栈”，
数据：[，，，40，，]
}
]
};
echartsObj.setOption（选项）

那么我们可以将每个条形图制作成一个单独的系列，然后使图表看起来只与一个系列相同吗？@wayen是的，这是可以实现的，请检查此项，答案中添加了详细信息。非常感谢！这正是我想要的解决方案。你是天使，拯救了我的下午。