echarts中图例右置且竖排

有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时的样子:

    

 以下是完整代码:

    甘特图