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} borderWidth0图例边框线宽,单位px,默认为0(无边框)
{number | Array}padding5图例内边距,单位px,默认各方向内边距为5,接受数组分别设定上右下左边距,同css,见下图
{number} itemGap10各个item之间的间隔,单位px,默认为10,横向布局时为水平间隔,纵向布局时为纵向间隔,见下图
{Object} textStyle{color: '#333'}默认只设定了图例文字颜色(详见textStyle
{Boolean} selectedModetrue选择模式,默认开启图例开关
{Object} selectednull配置默认选中状态,可配合LEGEND.SELECTED事件做动态数据载入,try this »
{Array <string>} data[ ]图例内容数组,数组项为{string},每一项代表一个系列的name。 使用根据该值索引series中同名系列所用的图表类型和itemStyle,如果索引不到,该item将默认为没启用状态。

图例

 

 

grid

直角坐标系内绘图网格

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

绘图网格

 

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

转载于:https://www.cnblogs.com/xtxblog/p/5614118.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值