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
