echart css样式弄了几个月了，样式一直都没有好好解决，好激动

legend

图例，每个图表最多仅有一个图例。try this »

名称	默认值	描述
{string} orient	'horizontal'	布局方式，默认为水平布局，可选为：'horizontal' | 'vertical'
{string | number} x	'center'	水平安放位置，默认为全图居中，可选为：'center' | 'left' | 'right' | {number}（x坐标，单位px）
{string | number} y	'top'	垂直安放位置，默认为全图顶端，可选为：'top' | 'bottom' | 'center' | {number}（y坐标，单位px）
{color} backgroundColor	'rgba(0,0,0,0)'	图例背景颜色，默认透明
{string} borderColor	'#ccc'	图例边框颜色
{number} borderWidth	0	图例边框线宽，单位px，默认为0（无边框）
{number | Array}padding	5	图例内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距，同css，见下图
{number} itemGap	10	各个item之间的间隔，单位px，默认为10，横向布局时为水平间隔，纵向布局时为纵向间隔，见下图
{Object} textStyle	{color: '#333'}	默认只设定了图例文字颜色（详见textStyle）
{Boolean} selectedMode	true	选择模式，默认开启图例开关
{Object} selected	null	配置默认选中状态，可配合LEGEND.SELECTED事件做动态数据载入，try this »
{Array <string>} data	[ ]	图例内容数组，数组项为{string}，每一项代表一个系列的name。 使用根据该值索引series中同名系列所用的图表类型和itemStyle，如果索引不到，该item将默认为没启用状态。

grid

直角坐标系内绘图网格

名称	默认值	描述
{number} x	80	直角坐标系内绘图网格左上角横坐标，数值单位px
{number} y	60	直角坐标系内绘图网格左上角纵坐标，数值单位px
{number} x2	80	直角坐标系内绘图网格右下角横坐标，数值单位px
{number} y2	60	直角坐标系内绘图网格右下角纵坐标，数值单位px
{number} width	自适应	直角坐标系内绘图网格（不含坐标轴）宽度，默认为总宽度 - x - x2，数值单位px，指定width后将忽略x2，见下图。
{number} height	自适应	直角坐标系内绘图网格（不含坐标轴）高度，默认为总宽度 - y - y2，数值单位px，指定height后将忽略y2，见下图。
{color}backgroundColor	'#fff'	背景颜色。
{number} borderWidth	1	边框线宽
{color} borderColor	'#ccc'	边框颜色。

http://www.cfmmc.com/e/echarts/doc/doc.html#Grid