echarts各个配置项详细说明Word文件下载.docx

1、 / 图表标题 title: x:left, / 水平安放位置，默认为左对齐，可选为： / center right / number（x坐标，单位px） y:top, / 垂直安放位置，默认为全图顶端，可选为：bottom number（y坐标，单位px） /textAlign: null / 水平对齐方式，默认根据x设置自动调整 backgroundColor: borderColor:#ccc, / 标题边框颜色 borderWidth: 0, / 标题边框线宽，单位px，默认为0（无边框） padding: 5, / 标题内边距，单位px，默认各方向内边距为5， / 接受数组分别设定上

2、右下左边距，同css itemGap: 10, / 主副标题纵向间隔，单位px，默认为10， textStyle: fontSize: 18, fontWeight:bolder#333 / 主标题文字颜色 , subtextStyle:#aaa / 副标题文字颜色 / 图例 legend: orient:horizontal, / 布局方式，默认为水平布局，可选为：vertical, / 水平安放位置，默认为全图居中，可选为：, / 图例边框颜色 0, / 图例边框线宽，单位px，默认为0（无边框） 5, / 图例内边距，单位px，默认各方向内边距为5， 10, / 各个item之间的间隔，

3、单位px，默认为10， / 横向布局时为水平间隔，纵向布局时为纵向间隔 itemWidth: 20, / 图例图形宽度 itemHeight: 14, / 图例图形高度 / 图例文字颜色 / 值域 dataRange:, / 布局方式，默认为垂直布局，可选为：, / 水平安放位置，默认为全图左对齐，可选为：, / 垂直安放位置，默认为全图底部，可选为：, / 值域边框颜色 0, / 值域边框线宽，单位px，默认为0（无边框） 5, / 值域内边距，单位px，默认各方向内边距为5， 20, / 值域图形宽度，线性渐变水平布局宽度为该值 * 10 14, / 值域图形高度，线性渐变垂直布局高度为该

4、值 * 10 splitNumber: 5, / 分割段数，默认为5，为0时为线性渐变#f0ffff,/颜色 /text:高低, / 文本，默认为数值文本 / 值域文字颜色 toolbox:, / 水平安放位置，默认为全图右对齐，可选为： color :#22bb22#4b0082#d2691e, / 工具箱背景颜色, / 工具箱边框颜色 0, / 工具箱边框线宽，单位px，默认为0（无边框） 5, / 工具箱内边距，单位px，默认各方向内边距为5， itemSize: 16, / 工具箱图形宽度 featureImageIcon : , / 自定义图片icon featureTitle :

5、mark :辅助线开关 markUndo :删除辅助线 markClear :清空辅助线 dataZoom :区域缩放 dataZoomReset :区域缩放后退 dataView :数据视图 lineChart :折线图切换 barChart :柱形图切换 restore :还原 saveAsImage :保存为图片 / 提示框 tooltip: trigger:item, / 触发类型，默认数据触发，见下图，可选为：axis showDelay: 20, / 显示延迟，添加显示延迟可以避免频繁切换，单位ms hideDelay: 100, / 隐藏延迟，单位ms transitionDur

6、ation : 0.4, / 动画变换时间，单位srgba（0,0,0,0.7）, / 提示背景颜色，默认为透明度为0.7的黑色, / 提示边框颜色 borderRadius: 4, / 提示边框圆角，单位px，默认为4 0, / 提示边框线宽，单位px，默认为0（无边框） 5, / 提示内边距，单位px，默认各方向内边距为5， axisPointer : / 坐标轴指示器，坐标轴触发有效 type :line, / 默认为直线，可选为： | shadow lineStyle : / 直线指示器样式设置#48b width: 2, type:solid shadowStyle : / 阴影指示

7、器样式设置auto, / 阴影大小rgba（150,150,150,0.3） / 阴影颜色#fff / 区域缩放控制器 dataZoom: / x: number, / 水平安放位置，默认为根据grid参数适配，可选为： / number（x坐标，单位px） / y: number, / 垂直安放位置，默认为根据grid参数适配，可选为： / number（y坐标，单位px） / width: number, / 指定宽度，横向布局时默认为根据grid参数适配 / height: number, / 指定高度，纵向布局时默认为根据grid参数适配, / 背景颜色 dataBackgroundC

8、olor:#eee, / 数据背景颜色 fillerColor:rgba（144,197,237,0.2）, / 填充颜色 handleColor:rgba（70,130,180,0.8） / 手柄颜色 / 网格 grid: 80, 60, x2: y2: totalWidth - x - x2, totalHeight - y - y2, 1, / 类目轴 categoryAxis: position:, / 位置 nameLocation:end, / 坐标轴名字位置，支持start boundaryGap: true, / 类目起始和结束两端空白策略 axisLine: / 坐标轴线 s

9、how: true, / 默认显示，属性show控制显示与否 lineStyle: / 属性lineStyle控制线条样式 axisTick: / 坐标轴小标记 true, / 属性show控制显示与否，默认不显示 interval: / onGap: null, inside : false, / 控制小标记是否在grid里 length :5, / 属性length控制线长 1 axisLabel: / 坐标轴文本标签，详见axis.axisLabel true, rotate: 0, margin: 8, / formatter: / 其余属性默认使用全局文本样式，详见TEXTSTYLE

10、 splitLine: / 分隔线 / 属性lineStyle（详见lineStyle）控制线条样式 splitArea: / 分隔区域 false, / 默认不显示，属性show控制显示与否 areaStyle: / 属性areaStyle（详见areaStyle）控制区域样式rgba（250,250,250,0.3）rgba（200,200,200,0.3） / 数值型坐标轴默认参数 valueAxis: nameTextStyle: , / 坐标轴文字样式，默认取全局样式 0, 0, / 数值起始和结束两端空白策略 5, / 分割段数，默认为5 false, / 属性show控制显示与否

11、，默认不显示 polar : center :50%, , / 默认全局居中 radius :75% startAngle : 90, splitNumber : 5, name : false, splitArea : show : areaStyle : splitLine : width : / 柱形图默认参数 bar: barMinHeight: 0, / 最小高度改为0 / barWidth: null, / 默认自适应 barGap:30%, / 柱间距离，默认为柱形宽度的30%，可设固定值 barCategoryGap :20%, / 类目间柱形距离，默认为类目间距的20%，可设

12、固定值 itemStyle: normal: / color:各异 barBorderColor:, / 柱条边线 barBorderRadius: 0, / 柱条边线圆角，单位px，默认为0 barBorderWidth: 1, / 柱条边线线宽，单位px，默认为1 label: false / position: 默认自适应，水平布局为，垂直布局为，可选为inside| / textStyle: null / 默认使用全局文本样式，详见TEXTSTYLE emphasis: / 折线图默认参数 line: 各异, shadowColor :, /默认透明 shadowBlur: shado

13、wOffsetX: 3, shadowOffsetY: 3 /smooth : /symbol: null, / 拐点图形类型 symbolSize: 2, / 拐点图形大小 /symbolRotate : null, / 拐点图形旋转控制 showAllSymbol: false / 标志图形默认只有主轴显示（随主轴标签间隔隐藏策略） / K线图默认参数 k: / barWidth : null / 默认自适应 / barMaxWidth : null / 默认自适应 , / 阳线填充颜色 color0:#00aa11, / 阴线填充颜色#ff3200, / 阳线边框颜色 / 阴线边框颜色 / color0: 各异 / 散点图默认参数 scatter: null, / 图形类型 4, / 图形大小，半宽（半径）参数，当图形为方向或菱形则总宽度为symbolSize * 2 /