百度echarts图表属性设置大全

borderWidth: 0,                // 图例边框线宽，单位px，默认为0（无边框）

padding: 5,                  // 图例内边距，单位px，默认各方向内边距为5，

// 接受数组分别设定上右下左边距，同css

itemGap: 10,              // 各个item之间的间隔，单位px，默认为10，

// 横向布局时为水平间隔，纵向布局时为纵向间隔

itemWidth: 20,             // 图例图形宽度

itemHeight: 14,            // 图例图形高度

textStyle: {

color: '#333'                              // 图例文字颜色

}

},

5、dataRange 值域

dataRange: {

orient: 'vertical'``,             // 布局方式，默认为垂直布局，可选为：

// 'horizontal' ¦ 'vertical'

x: 'left'``,                   // 水平安放位置，默认为全图左对齐，可选为：

// 'center' ¦ 'left' ¦ 'right'

// ¦ {number}（x坐标，单位px）

y: 'bottom'``,                  // 垂直安放位置，默认为全图底部，可选为：

// 'top' ¦ 'bottom' ¦ 'center'

// ¦ {number}（y坐标，单位px）

backgroundColor: 'rgba(0,0,0,0)'``,

borderColor: '#ccc'``,             // 值域边框颜色

borderWidth: 0,                 // 值域边框线宽，单位px，默认为0（无边框）

padding: 5,                    // 值域内边距，单位px，默认各方向内边距为5，

// 接受数组分别设定上右下左边距，同css

itemGap: 10,               // 各个item之间的间隔，单位px，默认为10，

// 横向布局时为水平间隔，纵向布局时为纵向间隔

itemWidth: 20,             // 值域图形宽度，线性渐变水平布局宽度为该值 * 10

itemHeight: 14,            // 值域图形高度，线性渐变垂直布局高度为该值 * 10

splitNumber: 5,            // 分割段数，默认为5，为0时为线性渐变

color:[``'#1e90ff'``,``'#f0ffff'``],``//颜色

//text:['高','低'],              // 文本，默认为数值文本

textStyle: {

color: '#333'                                // 值域文字颜色

}

},

6、toolbox 工具栏

toolbox: {

orient: 'horizontal'``,            // 布局方式，默认为水平布局，可选为：

// 'horizontal' ¦ 'vertical'

x: 'right'``,              // 水平安放位置，默认为全图右对齐，可选为：

// 'center' ¦ 'left' ¦ 'right'

// ¦ {number}（x坐标，单位px）

y: 'top'``,               // 垂直安放位置，默认为全图顶端，可选为：

// 'top' ¦ 'bottom' ¦ 'center'

// ¦ {number}（y坐标，单位px）

color : [``'#1e90ff'``,``'#22bb22'``,``'#4b0082'``,``'#d2691e'``],

backgroundColor: 'rgba(0,0,0,0)'``,    // 工具箱背景颜色

borderColor: '#ccc'``,             // 工具箱边框颜色

borderWidth: 0,                 // 工具箱边框线宽，单位px，默认为0（无边框）

padding: 5,                    // 工具箱内边距，单位px，默认各方向内边距为5，

// 接受数组分别设定上右下左边距，同css

itemGap: 10,                  // 各个item之间的间隔，单位px，默认为10，

// 横向布局时为水平间隔，纵向布局时为纵向间隔

itemSize: 16,              // 工具箱图形宽度

featureImageIcon : {},            // 自定义图片icon

featureTitle : {

mark : '辅助线开关'``,

markUndo : '删除辅助线'``,

markClear : '清空辅助线'``,

dataZoom : '区域缩放'``,

dataZoomReset : '区域缩放后退'``,

dataView : '数据视图'``,

lineChart : '折线图切换'``,

barChart : '柱形图切换'``,

restore : '还原'``,

saveAsImage : '保存为图片'

}

},

7、tooltip 提示框

tooltip: {

trigger: 'item'``,           // 触发类型，默认数据触发，见下图，可选为：'item' ¦ 'axis'

showDelay: 20,             // 显示延迟，添加显示延迟可以避免频繁切换，单位ms

hideDelay: 100,            // 隐藏延迟，单位ms

transitionDuration : 0.4,         // 动画变换时间，单位s

backgroundColor: 'rgba(0,0,0,0.7)'``,  // 提示背景颜色，默认为透明度为0.7的黑色

borderColor: '#333'``,            // 提示边框颜色

borderRadius: 4,                // 提示边框圆角，单位px，默认为4

borderWidth: 0,                // 提示边框线宽，单位px，默认为0（无边框）

padding: 5,                   // 提示内边距，单位px，默认各方向内边距为5，

// 接受数组分别设定上右下左边距，同css

axisPointer : {                  // 坐标轴指示器，坐标轴触发有效

type : 'line'``,         // 默认为直线，可选为：'line' | 'shadow'

lineStyle : {           // 直线指示器样式设置

color: '#48b'``,

width: 2,