Echarts 属性设置

原文链接 https://blog.csdn.net/she_lover/article/details/51448967


theme = { 

// 全图默认背景 

// backgroundColor: ‘rgba(0,0,0,0)’,

// 默认色板

color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed',

        '#ff69b4','#ba55d3','#cd5c5c','#ffa500','#40e0d0',

        '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700',

        '#6699FF','#ff6666','#3cb371','#b8860b','#30e0e0'],

// 图表标题

title: {

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

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

                              // ¦ {number}(x坐标,单位px)

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

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

                              // ¦ {number}(y坐标,单位px)

    //textAlign: null          // 水平对齐方式,默认根据x设置自动调整

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

    borderColor: '#ccc',      // 标题边框颜色

    borderWidth: 0,            // 标题边框线宽,单位px,默认为0(无边框)

    padding: 5,                // 标题内边距,单位px,默认各方向内边距为5,

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

    itemGap: 10,              // 主副标题纵向间隔,单位px,默认为10,

    textStyle: {

        fontSize: 18,

        fontWeight: 'bolder',

        color: '#333'          // 主标题文字颜色

    },

    subtextStyle: {

        color: '#aaa'          // 副标题文字颜色

    }

},

// 图例

legend: {

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

                              // 'horizontal' ¦ 'vertical'

    x: 'center',              // 水平安放位置,默认为全图居中,可选为:

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

                              // ¦ {number}(x坐标,单位px)

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

                              // '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,            // 图例图形宽度

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

    textStyle: {

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

    }

},

// 值域

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'          // 值域文字颜色

    }

},

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 : '保存为图片'

    }

},

// 提示框

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'

    }

},

// 区域缩放控制器

dataZoom: {

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

                              // 'horizontal' ¦ 'vertical'

    // x: {number},            // 水平安放位置,默认为根据grid参数适配,可选为:

                              // {number}(x坐标,单位px)

    // y: {number},            // 垂直安放位置,默认为根据grid参数适配,可选为:

                              // {number}(y坐标,单位px)

    // width: {number},        // 指定宽度,横向布局时默认为根据grid参数适配

    // height: {number},      // 指定高度,纵向布局时默认为根据grid参数适配

    backgroundColor: 'rgba(0,0,0,0)',      // 背景颜色

    dataBackgroundColor: '#eee',            // 数据背景颜色

    fillerColor: 'rgba(144,197,237,0.2)',  // 填充颜色

    handleColor: 'rgba(70,130,180,0.8)'    // 手柄颜色

},

// 网格

grid: {

    x: 80,

    y: 60,

    x2: 80,

    y2: 60,

    // width: {totalWidth} - x - x2,

    // height: {totalHeight} - y - y2,

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

    borderWidth: 1,

    borderColor: '#ccc'

},

// 类目轴

categoryAxis: {

    position: 'bottom',    // 位置

    nameLocation: 'end',  // 坐标轴名字位置,支持'start' | 'end'

    boundaryGap: true,    // 类目起始和结束两端空白策略

    axisLine: {            // 坐标轴线

        show: true,        // 默认显示,属性show控制显示与否

        lineStyle: {      // 属性lineStyle控制线条样式

            color: '#48b',

            width: 2,

            type: 'solid'

        }

    },

    axisTick: {            // 坐标轴小标记

        show: true,      // 属性show控制显示与否,默认不显示

        interval: 'auto',

        // onGap: null,

        inside : false,    // 控制小标记是否在grid里

        length :5,        // 属性length控制线长

        lineStyle: {      // 属性lineStyle控制线条样式

            color: '#333',

            width: 1

        }

    },

    axisLabel: {          // 坐标轴文本标签,详见axis.axisLabel

        show: true,

        interval: 'auto',

        rotate: 0,

        margin: 8,

        // formatter: null,

        textStyle: {      // 其余属性默认使用全局文本样式,详见TEXTSTYLE

            color: '#333'

        }

    },

    splitLine: {          // 分隔线

        show: true,        // 默认显示,属性show控制显示与否

        // onGap: null,

        lineStyle: {      // 属性lineStyle(详见lineStyle)控制线条样式

            color: ['#ccc'],

            width: 1,

            type: 'solid'

        }

    },

    splitArea: {          // 分隔区域

        show: false,      // 默认不显示,属性show控制显示与否

        // onGap: null,

        areaStyle: {      // 属性areaStyle(详见areaStyle)控制区域样式

            color: ['rgba(250,250,250,0.3)','rgba(200,200,200,0.3)']

        }

    }

},

// 数值型坐标轴默认参数

valueAxis: {

    position: 'left',      // 位置

    nameLocation: 'end',  // 坐标轴名字位置,支持'start' | 'end'

    nameTextStyle: {},    // 坐标轴文字样式,默认取全局样式

    boundaryGap: [0, 0],  // 数值起始和结束两端空白策略

    splitNumber: 5,        // 分割段数,默认为5

    axisLine: {            // 坐标轴线

        show: true,        // 默认显示,属性show控制显示与否

        lineStyle: {      // 属性lineStyle控制线条样式

            color: '#48b',

            width: 2,

            type: 'solid'

        }

    },

    axisTick: {            // 坐标轴小标记

        show: false,      // 属性show控制显示与否,默认不显示

        inside : false,    // 控制小标记是否在grid里

        length :5,        // 属性length控制线长

        lineStyle: {      // 属性lineStyle控制线条样式

            color: '#333',

            width: 1

        }

    },

    axisLabel: {          // 坐标轴文本标签,详见axis.axisLabel

        show: true,

        rotate: 0,

        margin: 8,

        // formatter: null,

        textStyle: {      // 其余属性默认使用全局文本样式,详见TEXTSTYLE

            color: '#333'

        }

    },

    splitLine: {          // 分隔线

        show: true,        // 默认显示,属性show控制显示与否

        lineStyle: {      // 属性lineStyle(详见lineStyle)控制线条样式

            color: ['#ccc'],

            width: 1,

            type: 'solid'

        }

    },

    splitArea: {          // 分隔区域

        show: false,      // 默认不显示,属性show控制显示与否

        areaStyle: {      // 属性areaStyle(详见areaStyle)控制区域样式

            color: ['rgba(250,250,250,0.3)','rgba(200,200,200,0.3)']

        }

    }

},

polar : {

    center : ['50%', '50%'],    // 默认全局居中

    radius : '75%',

    startAngle : 90,

    splitNumber : 5,

    name : {

        show: true,

        textStyle: {      // 其余属性默认使用全局文本样式,详见TEXTSTYLE

            color: '#333'

        }

    },

    axisLine: {            // 坐标轴线

        show: true,        // 默认显示,属性show控制显示与否

        lineStyle: {      // 属性lineStyle控制线条样式

            color: '#ccc',

            width: 1,

            type: 'solid'

        }

    },

    axisLabel: {          // 坐标轴文本标签,详见axis.axisLabel

        show: false,

        textStyle: {      // 其余属性默认使用全局文本样式,详见TEXTSTYLE

            color: '#333'

        }

    },

    splitArea : {

        show : true,

        areaStyle : {

            color: ['rgba(250,250,250,0.3)','rgba(200,200,200,0.3)']

        }

    },

    splitLine : {

        show : true,

        lineStyle : {

            width : 1,

            color : '#ccc'

        }

    }

},

// 柱形图默认参数

bar: {

    barMinHeight: 0,          // 最小高度改为0

    // barWidth: null,        // 默认自适应

    barGap: '30%',            // 柱间距离,默认为柱形宽度的30%,可设固定值

    barCategoryGap : '20%',  // 类目间柱形距离,默认为类目间距的20%,可设固定值

    itemStyle: {

        normal: {

            // color: '各异',

            barBorderColor: '#fff',      // 柱条边线

            barBorderRadius: 0,          // 柱条边线圆角,单位px,默认为0

            barBorderWidth: 1,            // 柱条边线线宽,单位px,默认为1

            label: {

                show: false

                // position: 默认自适应,水平布局为'top',垂直布局为'right',可选为

                //          'inside'|'left'|'right'|'top'|'bottom'

                // textStyle: null      // 默认使用全局文本样式,详见TEXTSTYLE

            }

        },

        emphasis: {

            // color: '各异',

            barBorderColor: 'rgba(0,0,0,0)',  // 柱条边线

            barBorderRadius: 0,                // 柱条边线圆角,单位px,默认为0

            barBorderWidth: 1,                // 柱条边线线宽,单位px,默认为1

            label: {

                show: false

                // position: 默认自适应,水平布局为'top',垂直布局为'right',可选为

                //          'inside'|'left'|'right'|'top'|'bottom'

                // textStyle: null      // 默认使用全局文本样式,详见TEXTSTYLE

            }

        }

    }

},

// 折线图默认参数

line: {

    itemStyle: {

        normal: {

            // color: 各异,

            label: {

                show: false

                // position: 默认自适应,水平布局为'top',垂直布局为'right',可选为

                //          'inside'|'left'|'right'|'top'|'bottom'

                // textStyle: null      // 默认使用全局文本样式,详见TEXTSTYLE

            },

            lineStyle: {

                width: 2,

                type: 'solid',

                shadowColor : 'rgba(0,0,0,0)', //默认透明

                shadowBlur: 5,

                shadowOffsetX: 3,

                shadowOffsetY: 3

            }

        },

        emphasis: {

            // color: 各异,

            label: {

                show: false

                // position: 默认自适应,水平布局为'top',垂直布局为'right',可选为

                //          'inside'|'left'|'right'|'top'|'bottom'

                // textStyle: null      // 默认使用全局文本样式,详见TEXTSTYLE

            }

        }

    },

    //smooth : false,

    //symbol: null,        // 拐点图形类型

    symbolSize: 2,          // 拐点图形大小

    //symbolRotate : null,  // 拐点图形旋转控制

    showAllSymbol: false    // 标志图形默认只有主轴显示(随主轴标签间隔隐藏策略)

},

// K线图默认参数

k: {

    // barWidth : null          // 默认自适应

    // barMaxWidth : null      // 默认自适应

    itemStyle: {

        normal: {

            color: '#fff',          // 阳线填充颜色

            color0: '#00aa11',      // 阴线填充颜色

            lineStyle: {

                width: 1,

                color: '#ff3200',  // 阳线边框颜色

                color0: '#00aa11'  // 阴线边框颜色

            }

        },

        emphasis: {

            // color: 各异,

            // color0: 各异

        }

    }

},

// 散点图默认参数

scatter: {

    //symbol: null,      // 图形类型

    symbolSize: 4,      // 图形大小,半宽(半径)参数,当图形为方向或菱形则总宽度为symbolSize * 2

    //symbolRotate : null,  // 图形旋转控制

    large: false,        // 大规模散点图

    largeThreshold: 2000,// 大规模阀值,large为true且数据量>largeThreshold才启用大规模模式

    itemStyle: {

        normal: {

            // color: 各异,

            label: {

                show: false

                // position: 默认自适应,水平布局为'top',垂直布局为'right',可选为

                //          'inside'|'left'|'right'|'top'|'bottom'

                // textStyle: null      // 默认使用全局文本样式,详见TEXTSTYLE

            }

        },

        emphasis: {

            // color: '各异'

            label: {

                show: false

                // position: 默认自适应,水平布局为'top',垂直布局为'right',可选为

                //          'inside'|'left'|'right'|'top'|'bottom'

                // textStyle: null      // 默认使用全局文本样式,详见TEXTSTYLE

            }

        }

    }

},

// 雷达图默认参数

radar : {

    itemStyle: {

        normal: {

            // color: 各异,

            label: {

                show: false

            },

            lineStyle: {

                width: 2,

                type: 'solid'

            }

        },

        emphasis: {

            // color: 各异,

            label: {

                show: false

            }

        }

    },

    //symbol: null,        // 拐点图形类型

    symbolSize: 2          // 可计算特性参数,空数据拖拽提示图形大小

    //symbolRotate : null,  // 图形旋转控制

},

// 饼图默认参数

pie: {

    center : ['50%', '50%'],    // 默认全局居中

    radius : [0, '75%'],

    clockWise : false,          // 默认逆时针

    startAngle: 90,

    minAngle: 0,                // 最小角度改为0

    selectedOffset: 10,        // 选中是扇区偏移量

    itemStyle: {

        normal: {

            // color: 各异,

            borderColor: '#fff',

            borderWidth: 1,

            label: {

                show: true,

                position: 'outer'

                // textStyle: null      // 默认使用全局文本样式,详见TEXTSTYLE

            },

            labelLine: {

                show: true,

                length: 20,

                lineStyle: {

                    // color: 各异,

                    width: 1,

                    type: 'solid'

                }

            }

        },

        emphasis: {

            // color: 各异,

            borderColor: 'rgba(0,0,0,0)',

            borderWidth: 1,

            label: {

                show: false

                // position: 'outer'

                // textStyle: null      // 默认使用全局文本样式,详见TEXTSTYLE

            },

            labelLine: {

                show: false,

                length: 20,

                lineStyle: {

                    // color: 各异,

                    width: 1,

                    type: 'solid'

                }

            }

        }

    }

},

map: {

    mapType: 'china',  // 各省的mapType暂时都用中文

    mapLocation: {

        x : 'center',

        y : 'center'

        // width    // 自适应

        // height  // 自适应

    },

    showLegendSymbol : true,      // 显示图例颜色标识(系列标识的小圆点),存在legend时生效

    itemStyle: {

        normal: {

            // color: 各异,

            borderColor: '#fff',

            borderWidth: 1,

            areaStyle: {

                color: '#ccc'//rgba(135,206,250,0.8)

            },

            label: {

                show: false,

                textStyle: {

                    color: 'rgba(139,69,19,1)'

                }

            }

        },

        emphasis: {                // 也是选中样式

            // color: 各异,

            borderColor: 'rgba(0,0,0,0)',

            borderWidth: 1,

            areaStyle: {

                color: 'rgba(255,215,0,0.8)'

            },

            label: {

                show: false,

                textStyle: {

                    color: 'rgba(139,69,19,1)'

                }

            }

        }

    }

},

force : {

    // 数据map到圆的半径的最小值和最大值

    minRadius : 10,

    maxRadius : 20,

    density : 1.0,

    attractiveness : 1.0,

    // 初始化的随机大小位置

    initSize : 300,

    // 向心力因子,越大向心力越大

    centripetal : 1,

    // 冷却因子

    coolDown : 0.99,

    // 分类里如果有样式会覆盖节点默认样式

    itemStyle: {

        normal: {

            // color: 各异,

            label: {

                show: false

                // textStyle: null      // 默认使用全局文本样式,详见TEXTSTYLE

            },

            nodeStyle : {

                brushType : 'both',

                color : '#f08c2e',

                strokeColor : '#5182ab'

            },

            linkStyle : {

                strokeColor : '#5182ab'

            }

        },

        emphasis: {

            // color: 各异,

            label: {

                show: false

                // textStyle: null      // 默认使用全局文本样式,详见TEXTSTYLE

            },

            nodeStyle : {},

            linkStyle : {}

        }

    }

},

chord : {

    radius : ['65%', '75%'],

    center : ['50%', '50%'],

    padding : 2,

    sort : 'none', // can be 'none', 'ascending', 'descending'

    sortSub : 'none', // can be 'none', 'ascending', 'descending'

    startAngle : 90,

    clockWise : false,

    showScale : false,

    showScaleText : false,

    itemStyle : {

        normal : {

            label : {

                show : true

                // textStyle: null      // 默认使用全局文本样式,详见TEXTSTYLE

            },

            lineStyle : {

                width : 0,

                color : '#000'

            },

            chordStyle : {

                lineStyle : {

                    width : 1,

                    color : '#666'

                }

            }

        },

        emphasis : {

            lineStyle : {

                width : 0,

                color : '#000'

            },

            chordStyle : {

                lineStyle : {

                    width : 2,

                    color : '#333'

                }

            }

        }

    }

},

island: {

    r: 15,

    calculateStep: 0.1  // 滚轮可计算步长 0.1 = 10%

},

markPoint : {

    symbol: 'pin',        // 标注类型

    symbolSize: 10,        // 标注大小,半宽(半径)参数,当图形为方向或菱形则总宽度为symbolSize * 2

    //symbolRotate : null, // 标注旋转控制

    itemStyle: {

        normal: {

            // color: 各异,

            // borderColor: 各异,    // 标注边线颜色,优先于color

            borderWidth: 2,            // 标注边线线宽,单位px,默认为1

            label: {

                show: true,

                position: 'inside' // 可选为'left'|'right'|'top'|'bottom'

                // textStyle: null      // 默认使用全局文本样式,详见TEXTSTYLE

            }

        },

        emphasis: {

            // color: 各异

            label: {

                show: true

                // position: 'inside'  // 'left'|'right'|'top'|'bottom'

                // textStyle: null    // 默认使用全局文本样式,详见TEXTSTYLE

            }

        }

    }

},

markLine : {

    // 标线起始和结束的symbol介绍类型,如果都一样,可以直接传string

    symbol: ['circle', 'arrow'], 

    // 标线起始和结束的symbol大小,半宽(半径)参数,当图形为方向或菱形则总宽度为symbolSize * 2

    symbolSize: [2, 4],

    // 标线起始和结束的symbol旋转控制

    //symbolRotate : null,

    itemStyle: {

        normal: {

            // color: 各异,          // 标线主色,线色,symbol主色

            // borderColor: 随color,    // 标线symbol边框颜色,优先于color

            borderWidth: 2,          // 标线symbol边框线宽,单位px,默认为2

            label: {

                show: false,

                // 可选为 'start'|'end'|'left'|'right'|'top'|'bottom'

                position: 'inside', 

                textStyle: {        // 默认使用全局文本样式,详见TEXTSTYLE

                    color: '#333'

                }

            },

            lineStyle: {

                // color: 随borderColor, // 主色,线色,优先级高于borderColor和color

                // width: 随borderWidth, // 优先于borderWidth

                type: 'solid',

                shadowColor : 'rgba(0,0,0,0)', //默认透明

                shadowBlur: 5,

                shadowOffsetX: 3,

                shadowOffsetY: 3

            }

        },

        emphasis: {

            // color: 各异

            label: {

                show: false

                // position: 'inside' // 'left'|'right'|'top'|'bottom'

                // textStyle: null    // 默认使用全局文本样式,详见TEXTSTYLE

            },

            lineStyle : {}

        }

    }

},

textStyle: {

    decoration: 'none',

    fontFamily: 'Arial, Verdana, sans-serif',

    fontFamily2: '微软雅黑',    // IE8- 字体模糊并且不支持不同字体混排,额外指定一份

    fontSize: 12,

    fontStyle: 'normal',

    fontWeight: 'normal'

},

// 默认标志图形类型列表

symbolList : [

  'circle', 'rectangle', 'triangle', 'diamond',

  'emptyCircle', 'emptyRectangle', 'emptyTriangle', 'emptyDiamond'

],

loadingText : 'Loading...',

// 可计算特性配置,孤岛,提示颜色

calculable: false,              // 默认关闭可计算特性

calculableColor: 'rgba(255,165,0,0.6)',      // 拖拽提示边框颜色

calculableHolderColor: '#ccc', // 可计算占位提示颜色

nameConnector: ' & ',

valueConnector: ' : ',

animation: true,

animationThreshold: 2500,      // 动画元素阀值,产生的图形原素超过2500不出动画

addDataAnimation: true,        // 动态数据接口是否开启动画效果

animationDuration: 2000,

animationEasing: 'ExponentialOut'    //BounceOut

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

257

258

259

260

261

262

263

264

265

266

267

268

269

270

271

272

273

274

275

276

277

278

279

280

281

282

283

284

285

286

287

288

289

290

291

292

293

294

295

296

297

298

299

300

301

302

303

304

305

306

307

308

309

310

311

312

313

314

315

316

317

318

319

320

321

322

323

324

325

326

327

328

329

330

331

332

333

334

335

336

337

338

339

340

341

342

343

344

345

346

347

348

349

350

351

352

353

354

355

356

357

358

359

360

361

362

363

364

365

366

367

368

369

370

371

372

373

374

375

376

377

378

379

380

381

382

383

384

385

386

387

388

389

390

391

392

393

394

395

396

397

398

399

400

401

402

403

404

405

406

407

408

409

410

411

412

413

414

415

416

417

418

419

420

421

422

423

424

425

426

427

428

429

430

431

432

433

434

435

436

437

438

439

440

441

442

443

444

445

446

447

448

449

450

451

452

453

454

455

456

457

458

459

460

461

462

463

464

465

466

467

468

469

470

471

472

473

474

475

476

477

478

479

480

481

482

483

484

485

486

487

488

489

490

491

492

493

494

495

496

497

498

499

500

501

502

503

504

505

506

507

508

509

510

511

512

513

514

515

516

517

518

519

520

521

522

523

524

525

526

527

528

529

530

531

532

533

534

535

536

537

538

539

540

541

542

543

544

545

546

547

548

549

550

551

552

553

554

555

556

557

558

559

560

561

562

563

564

565

566

567

568

569

570

571

572

573

574

575

576

577

578

579

580

581

582

583

584

585

586

587

588

589

590

591

592

593

594

595

596

597

598

599

600

601

602

603

604

605

606

607

608

609

610

611

612

613

614

615

616

617

618

619

620

621

622

623

624

625

626

627

628

629

630

631

632

633

634

635

636

637

638

639

640

641

642

643

644

645

646

647

648

649

650

651

652

653

654

655

656

657

658

659

660

661

662

663

664

665

666

667

668

669

670

671

672

673

674

675

676

677

678

679

680

681

682

683

684

685

686

687

688

689

690

691

692

693

694

695

696

697

698

699

700

701

702

703

704

705

706

707

708

709

710

711

712

713

714

715

716

717

718

719

720

721

722

723

724

725

726

727

728

729

730

731

732

733

734

}

你可能感兴趣的:(Echarts 属性设置)