echart 属性设计大全

2019/04/12 13:41
阅读数 5

// 全图默认背景 

// 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
展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部