有echarts中,图例是用来指示不同系列的标记颜色和名字小组件,见图所示。
默认图标都是水平放置的:
要让图例放在右侧并竖直,需要作如下配置:
legend: { show:true, type:'plain', left:'right', top:'middle', width:130, },
type代表类型,有plain与scroll两个,这里我们使用plain,这也是默认的类型;
left代表图例在水平放置的位置,有left、center、right
top代表图例在垂直方向的位置,有top、middle、bottom
width是最主要的,当设置的宽度比较小时,才会迫使图例换行,从而形成竖直排列的现像。
以下分别是width在20、150、400时的样子:
以下是完整代码:
甘特图