Bootstrap

Echarts图的属性大全,学会绝对可以把Echarts吃的透透的

Echarts图的属性大全,学会绝对可以把Echarts吃的透透的!

backgroundColor背景色:

ECharts配置项中的背景色使用backgroundColor表示,在默认的情况下是无背景的。

颜色可以使用 RGB 表示,比如 ‘rgb(128, 128, 128)’,如果想要加上 alpha 通道表示不透明度,可以使用 RGBA,比如 ‘rgba(128, 128, 128, 0.5)’,也可以使用十六进制格式,比如 ‘#ccc’。除了纯色之外颜色也支持渐变色和纹理填充。

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,
            type: 'solid'
        },
        shadowStyle : {              // 阴影指示器样式设置
            width: 'auto',         // 阴影大小
            color: 'rgba(150,150,150,0.3)'  // 阴影颜色
        }
    },
    textStyle: {
        color: '#fff'
    }
},

grid网格:

;