echart柱状图一组数据如何设置3个图例

Question

echart柱状图一组数据如何设置3个图例？

如图所示，根据平均值显示不同的图例？
顺便问下 平均值那根线的文字标注如何移动到横线上方？
我目前做出来文字是在平均线右侧，图例是用html标签写死的，无法控制显隐

Answer 1

1、关系标线，如果想把标线尾部的label文字移动到标线上部，可以使用position属性。将值设置为 ’insideEndTop‘ 即可，如果对位置不满意，可以配合使用padding属性来做调整

markLine: {
        label:{
            show:true,
            position:'insideEndTop',
            formatter:'平均值：'+'{c}',
            // padding:[-30,0,0,0]
        }
}