echarts屬性的設置（完整大全）

// 全圖默認背景 

// 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