配置屬性

option = {
  series: [
    {
      type: 'pie',      //type為pie脓魏，表示圖表為餅圖
      data: [
        {
          value: 335,
          name: '直接訪問'
        },
        {
          value: 234,
          name: '聯(lián)盟廣告'
        },
        {
          value: 1548,
          name: '搜索引擎'
        }
      ]
    }
  ]
};

基本屬性

id：組件id罢猪，默認不指定
name：系列名稱
type：series圖表類型师抄，常用值：bar（柱形圖）、line（折線圖）湖蜕、pie（餅圖）逻卖、scatter（散點圖）
colorBy: series（同一系列顏色相同）、data（同一維度顏色相同）
legendHoverLink：鼠標滑過時legend（圖標）是否高亮昭抒，默認true
selectedMode：是否支持多個選中评也，可選值：true、false（默認）灭返、single盗迟、multiple
selectedOffset：選中扇區(qū)的偏移距離
clockwise：餅圖的扇區(qū)是否是順時針排布，默認true
startAngle：起始角度熙含，從0到360度罚缕，默認90度
minAngle：最小扇區(qū)角度，用于防止某個值過小導致扇區(qū)太小影響交互
minShowLabelAngle：小于這個角度的扇區(qū)怎静，不顯示標簽（label邮弹、labelLine）
roseType：是否展示成南丁格爾圖，通過半徑區(qū)分數(shù)據(jù)大小蚓聘，可選值：
radius：扇區(qū)圓心角展現(xiàn)數(shù)據(jù)的百分比腌乡，半徑展現(xiàn)數(shù)據(jù)的大小
area：所有扇區(qū)圓心角相同，僅通過半徑展現(xiàn)數(shù)據(jù)大小
avoidLabelOverlap：是否啟用防止標簽重疊策略夜牡，默認true（開啟）
stillShowZeroSum：是否在數(shù)據(jù)和為0的時候仍顯示扇區(qū)与纽，默認true
cursor：鼠標懸浮時在圖形元素上時鼠標的樣式是什么，如：pointer
zlevel：圖形的zlevel值塘装，用于canvas分層急迂，數(shù)值大的展示在上面
z：圖形的z值，優(yōu)先級比zlevel低氢哮，用韻canvas分層袋毙，數(shù)值大的展示在上面
left：組件離容器左側的距離，可選值：10（像素）冗尤、10%、left胀溺、cneter裂七、right
top：件離容器上側的距離，可選值：10（像素）仓坞、10%背零、top、middle无埃、bottom
right：組件離容器右側的距離徙瓶，可選值：10（像素）毛雇、10%
bottom：組件離容器下側的距離，可選值：10（像素）侦镇、10%
width：寬度灵疮，默認auto（自適應）
height：高度，默認auto（自適應）
center：餅圖的中心坐標壳繁，數(shù)組的第一項是橫坐標震捣，第二項是縱坐標，如：[400, 300]闹炉、['50%', '50%']
radius：餅圖的半徑蒿赢，如：10，10%渣触，[0,10]（內(nèi)半徑羡棵，外半徑）
seriesLayoutBy：數(shù)據(jù)集映射方式，可選值：column（默認）嗅钻、row
datasetIndex：數(shù)據(jù)集index晾腔，如果series.data沒有指定，并且dataset存在啊犬，那么就會使用dataset
dimensions：數(shù)據(jù)維度
encode：自定義數(shù)據(jù)映射方式
dataGroupId：數(shù)據(jù)組id
data：series中使用的數(shù)據(jù)灼擂，一般使用dataset中的數(shù)據(jù)，實現(xiàn)數(shù)據(jù)與配置分離
silent：圖形是否不響應和觸發(fā)鼠標事件觉至，默認為false

動畫屬性

animation：是否開啟動畫剔应，默認true
animationType：初始動畫效果，可選值：expansion（沿圓弧展開语御，默認）峻贮、scale（縮放效果）
animationTypeUpdate：更新數(shù)據(jù)時的動畫效果，可選值：transition（從起始到終止角度過渡）应闯、scale（數(shù)據(jù)整體重新沿圓弧展開）
animationThreshold：動畫閾值纤控，動畫數(shù)量大于該值會關閉動畫，默認2000
animationDuration：動畫持續(xù)時間碉纺，默認1000ms
animationEasing：動畫緩動效果船万，如：cubicOut
animationDelay：動畫初始延時時間
animationDurationUpdate：動畫更新時長
animationEasingUpdate：動畫更新緩動時長
animationDelayUpdate：動畫延時更新時長
//universalTransition：全局過渡動畫配置
universalTransition.enabled：是否開啟全局延時動畫
universalTransition.seriesKey：如何關聯(lián)需要動畫的系列，默認取系列的id
universalTransition.divideShape：對多或者多對一的動畫中骨田，當前系列的圖形如何分裂成多個圖形耿导，可選值：
split：通過一定的算法將分割圖形成為多個（柱狀圖默認）
clone：從當前圖形克隆得到多個（散點圖默認）
universalTransition.delay：一對多或者多對一的動畫中每個圖形的動畫延時

占位圓樣式：emptyCircleStyle

showEmptyCircle：是否在無數(shù)據(jù)的時候顯示一個占位圓竣贪，默認true
emptyCircleStyle.color：顏色狐肢，如：rgb(255,255,255)，rgba(255,255,255,1)怯晕，#fff
emptyCircleStyle.borderColor：邊框顏色
emptyCircleStyle.borderWidth：邊框?qū)挾扔破J無邊框
emptyCircleStyle.borderType：邊框線型箱吕，可選值：solid（實線芥驳，默認）、dashed茬高、dotted
emptyCircleStyle.borderDashOffset：虛線偏移量
emptyCircleStyle.borderCap：線段末端的繪制方式兆旬，可選值：butt（方形，默認）雅采、round爵憎、square（矩形）
emptyCircleStyle.borderJoin：連接屬性，可選值：bevel（三角形婚瓜，默認）宝鼓、round、miter（菱形）
emptyCircleStyle.borderMiterLimit：菱形斜接面比例巴刻，默認為10愚铡，borderJoin為miter時有效
emptyCircleStyle.shadowBlur：陰影模糊大小
emptyCircleStyle.shadowColor：陰影顏色
emptyCircleStyle.shadowOffsetX：陰影水平偏移距離
emptyCircleStyle.shadowOffsetY：陰影垂直偏移距離
emptyCircleStyle.opacity：陰影透明度, 默認1, 支持從0到1的數(shù)字, 0表示不顯示

標簽屬性：label

label.show：是否顯示標簽,默認false
label.position：文本標簽位置，可選值：outside（outer）胡陪、inside（inner）沥寥、center
label.rotate：標簽旋轉(zhuǎn),true（徑向排布）、數(shù)值（旋轉(zhuǎn)角度柠座，從-90度到90度,正值是逆時針）
label.formatter：標簽內(nèi)容格式器邑雅，支持字符串模板和回調(diào)函數(shù)兩種形式
模板字符串：formatter: ': {@score}'
{a}：系列名
妈经：數(shù)據(jù)名
{c}：數(shù)據(jù)值
{@×××}：維度名對應的數(shù)據(jù)淮野，如{@product}：表示維度名為product的值
{@[n]}：維度n對應的數(shù)據(jù)，如{@[2]}：表示維度2對應的數(shù)據(jù)吹泡，維度從0開始計數(shù)
回調(diào)函數(shù)：(params: Object|Array) => string
label.color：標簽顏色骤星，如："#fff"
label.fontStyle：字體風格，可選值：normal爆哑、italic洞难、oblique
label.fontWeight：字體粗細，可選值：normal揭朝、bold队贱、bolder、lighter萝勤、100|200|300|400...
label.fontFamily：字體設置露筒，可選值：sans-serif、serif敌卓、monospace、Arial伶氢、Courier New趟径、Microsoft YaHei等
label.fontSize：字體大小瘪吏，如：12
label.width：文本寬度
label.height：文本高度
label.lineHight：行高
label.backgroundColor：標簽背景色，如：'#123234', 'red', 'rgba(0,23,11,0.3)'
label.borderColor：邊框顏色
label.borderWidth：邊框?qū)挾?br> label.borderType：邊框類型蜗巧，可選值：solid掌眠、dashed、dotted幕屹、5蓝丙、[5, 10]
label.borderDashOffset：虛線偏移量
label.borderRadius：文字塊的圓角，默認為0
label.padding：文字塊的內(nèi)邊距望拖，如：[3, 4, 5, 6]（上渺尘、右、下说敏、左）鸥跟、3,4、3（[3,3,3,3]）
label.shadowColor：陰影顏色
label.shadowBlur：陰影長度
label.shadowOffsetX：陰影水平偏移
label.shadowOffsetY：陰影垂直偏移
label.textBorderColor：文本邊框顏色
label.textBorderWidth：文本邊框?qū)挾?br> label.textBorderType：文本邊框類型盔沫，可選值：solid医咨、dashed、dotted架诞、5拟淮、[5,10]等
label.textBorderDashOffset：文字虛線偏移量
label.textShadowColor：文字陰影顏色
label.textShadowBlur：文字陰影大小
label.textShadowOffsetX：陰影水平偏移
label.textShadowOffsetY：陰影垂直偏移
label.overflow：文本超出長度后，是否截斷或者換行
none：不截斷或者換行谴忧，默認
truncate：截斷
break：單詞間換行
breanAll：除單詞間換行很泊，單詞內(nèi)也換行
label.ellipsis：文本超出長度，截斷（truncate）后顯示的文本俏蛮，如:...
label.lineOverflow：文本超過高度是否截斷撑蚌，配置label.height生效
none：不截斷
truncate：截斷
label.rich：自定義富文本樣式
alignTo：標簽的對齊方式，position值為'outer'時有效搏屑，可選值：
none：label line的長度為固定值
labelLine：label line的末端對齊
edge：文字對齊
edgeDistance：文邊距離争涌，僅當label.position為'outer'并且label.alignTo為'edge'時有效，如：20%
bleedMargin：文本長度辣恋，超出長度被裁剪為"..."
distanceToLabelLine:文字與 label line之間的距離,如：5

標簽視覺引導線：labelLine

labelLine.show：是否顯示視覺引導線
labelLine.showAbove：是否顯示在圖形上方
labelLine.length：視覺引導線第一段的長度
labelLine.length2：視覺引導項第二段的長度
labelLine.smooth：是否平滑視覺引導線亮垫，默認false
labelLine.minTurnAngle：視覺引導線的最小轉(zhuǎn)角，0-180度
labelLine.maxSurfaceAngle：引導線與扇區(qū)法線的最大夾角伟骨，0-180度
labelLine.lineStyle.color：顏色饮潦，如：rgb(255,255,255)，rgba(255,255,255,1)携狭，#fff
labelLine.lineStyle.width：寬度
labelLine.lineStyle.type：線型继蜡，如：solid、dashed、dotted稀并、[5,10]等
labelLine.lineStyle.dashOffset：虛線偏移量
labelLine.lineStyle.cap：線段末端繪制方式仅颇，可選值：butt（方形，默認）碘举、round忘瓦、square（矩形）
labelLine.lineStyle.join：連接屬性，可選值：bevel（三角形引颈，默認）耕皮、round、miter（菱形）
labelLine.lineStyle.miterLimit：菱形斜接面比例蝙场，默認為10凌停，負數(shù)、0李丰、Infinity苦锨、NaN均會被忽略
labelLine.lineStyle.shadowBlur：陰影模糊大小
labelLine.lineStyle.shadowColor：陰影顏色
labelLine.lineStyle.shadowOffsetX：陰影水平偏移
labelLine.lineStyle.shadowOffsetY：陰影垂直偏移
labelLine.lineStyle.opacity：透明度，默認為1趴泌，數(shù)值為從0到1的數(shù)字（0不顯示）

標簽布局：labelLayout

labelLayout.hideOverlap：是否隱藏重疊的標簽
labelLayout.moveOverlap：在標簽重疊的時候是否挪動標簽位置以防止重疊
labelLayout.x：標簽的水平位置舟舒，如：2（像素值）、20%
labelLayout.y：標簽的垂直位置嗜憔，如：2（像素值）秃励、20%
labelLayout.dx：標簽在 x 方向上的像素偏移，可以和x一起使用
labelLayout.dy：標簽在 y 方向上的像素偏移吉捶，可以和y一起使用
labelLayout.rotate：標簽旋轉(zhuǎn)角度
labelLayout.width：標簽寬度
labelLayout.height：標簽高度
labelLayout.align：標簽水平對其方式夺鲜，可選值：left、center呐舔、right
labelLayout.verticalAlign：標簽垂直對齊方式币励，可選值：top、middle珊拼、bottom
labelLayout.fontSize：標簽字體大小
labelLayout.draggable：標簽是否可以拖拽
labelLayout.labelLinePoints：標簽引導線三個點的位置食呻，格式為：[[x, y], [x, y], [x, y]]

圖形樣式：itemStyle

itemStyle.color：顏色，默認為series.color澎现，可設置：rgb(255,255,255)仅胞，rgba(255,255,255,1)，#fff
itemStyle.borderColor：邊框顏色
itemStyle.borderWidth：邊框?qū)挾冉１瑁J無寬度
itemStyle.borderType：邊框線型干旧，可選值：solid（默認）、dashed妹蔽、dotted
itemStyle.borderDashOffset：虛線偏移量
itemStyle.borderCap：線段末端的繪制方式椎眯，可選值：butt（方形挠将，默認）、round盅视、square（矩形）
itemStyle.borderJoin：末端連接方式捐名，可選值：bevel（三角形連接）旦万、round闹击、miter（菱形）
itemStyle.borderMiterLimit：斜截面限制比列，borderJoin為miter時有效
itemStyle.shadowBlur：陰影模糊大小
itemStyle.shadowColor：陰影顏色
itemStyle.shadowOffsetX：陰影水平偏移
itemStyle.shadowOffsetY：陰影垂直偏移
itemStyle.opacity：柱條透明度成艘，默認為1赏半，0表示不顯示
itemStyle.borderRadius：餅圖扇形區(qū)塊的內(nèi)外圓角半徑，如：10淆两、10%断箫、[10,20]、[10%,20%]
itemStyle.decal：圖形貼花圖案秋冰，在aria.enabled仲义、aria.decal.show都是true時生效，如果為none表示不使用貼花圖案
itemStyle.decal.symbol：貼花圖案剑勾，如：rect埃撵、circle、image: //url虽另、path://等
itemStyle.decal.symbolSize：圖案占比大小暂刘，從0到1
itemStyle.decal.symbolKeepAspect：是否保持圖案長寬比，默認為true
itemStyle.decal.color：貼花圖案顏色
itemStyle.decal.backgroundColor：貼花圖案背景色
itemStyle.decal.dashArrayX：貼花圖案橫向模式
itemStyle.decal.dashArrayY：貼花圖案縱向模式
itemStyle.decal.rotation：圖案旋轉(zhuǎn)角度（弧度值）捂刺，從-Math.PI到Math.PI
itemStyle.decal.maxTileWidth：生成的圖案在未重復之前的寬度上限谣拣，通常不需要設置
itemStyle.decal.maxTileHeight：生成的圖案在未重復之前的高度上限，通常不需要設置

高亮樣式：emphasis

emphasis.scale：是否開啟高亮后扇區(qū)的放大效果族展，默認true
emphasis.scaleSize：高亮后扇區(qū)的放大尺寸森缠，默認10
emphasis.focus：高亮圖形時，是否淡出其它數(shù)據(jù)的圖形已達到聚焦的效果仪缸，可選值：
none：不淡出其他圖形贵涵，默認
self：只聚焦（不淡出）當前高亮的數(shù)據(jù)的圖形
series：聚焦當前高亮的數(shù)據(jù)所在的系列的所有圖形
emphasis.blurScope：配置淡出范圍，可選值：
coordinateSystem：淡出范圍為坐標系腹殿，默認
series：淡出范圍為系列
global：淡出范圍為全局
emphasis.label：文本標簽高亮配置独悴，屬性同label
emphasis.labelLine：標簽視覺引導線高亮配置，屬性同labelLine
emphasis.itemStyle：圖形高亮配置锣尉，屬性同itemStyle

淡出樣式：blur

blur.label：標簽淡出配置刻炒，屬性同label
blur.labelLine：標簽視覺引導線淡出配置，屬性同labelLine
blur.itemStyle：圖形淡出配置自沧，屬性同itemStyle

圖表標注：markPoint

markPoint.symbol：標記的圖形坟奥，可選值：circle树瞭、rect、round爱谁、pin晒喷、image://url、path://等
markPoint.symbolSize：標記的大小访敌，默認50
markPoint.symbolRotate：標記的旋轉(zhuǎn)角度凉敲，正值表示逆時針
markPoint.symbolKeepAspect：如果symbol是path://的形式，是否在縮放時保持該圖形的長寬比
markPoint.symbolOffset：標記偏移寺旺，如[0,0]
markPoint.silent：圖形是否不響應和觸發(fā)鼠標事件爷抓，默認為 false
markPoint.data：標注的數(shù)據(jù)數(shù)組
markPoint.label：標注的文本，屬性同label
markPoint.itemStyle：標注的樣式阻塑，屬性同itemStyle
markPoint.emphasis：標注的高亮樣式蓝撇，內(nèi)含label、itemStyle
markPoint.blur：標注的淡出樣式陈莽，內(nèi)含label渤昌、itemStyle
//標注的動畫屬性
markPoint.animation：是否開啟動畫，默認true
markPoint.animationThreshold：動畫閾值走搁，動畫數(shù)量大于該值會關閉動畫独柑，默認2000
markPoint.animationDuration：動畫持續(xù)時間，默認1000ms
markPoint.animationEasing：動畫緩動效果朱盐，如：cubicOut
markPoint.animationDelay：動畫初始延時時間
markPoint.animationDurationUpdate：動畫更新時長
markPoint.animationEasingUpdate：動畫更新緩動時長
markPoint.animationDelayUpdate：動畫延時更新時長

圖表標線：markLine

markLine.symbol：標線兩端的標記類型群嗤，可選值：circle、rect兵琳、round狂秘、pin、image://url躯肌、path://等
markLine.symbolSize：標線兩端的標記大小者春，默認50
markLine.silent：圖形是否不響應和觸發(fā)鼠標事件，默認為 false
markLine.precision：標線數(shù)值的精度清女，默認為2
markLine.data：標線的數(shù)據(jù)數(shù)組
markLine.label：標注的文本钱烟，屬性同label
markLine.lineStyle：標注的樣式，屬性同lineStyle
markLine.emphasis：標注的高亮樣式嫡丙，內(nèi)含label拴袭、lineStyle
markLine.blur：標注的淡出樣式，內(nèi)含label曙博、lineStyle
//標注線的動畫屬性
markLine.animation：是否開啟動畫拥刻，默認true
markLine.animationThreshold：動畫閾值，動畫數(shù)量大于該值會關閉動畫父泳，默認2000
markLine.animationDuration：動畫持續(xù)時間般哼，默認1000ms
markLine.animationEasing：動畫緩動效果吴汪，如：cubicOut
markLine.animationDelay：動畫初始延時時間
markLine.animationDurationUpdate：動畫更新時長
markLine.animationEasingUpdate：動畫更新緩動時長
markLine.animationDelayUpdate：動畫延時更新時長

圖表區(qū)域：markArea

markArea.silent：圖形是否不響應和觸發(fā)鼠標事件，默認為 false
markArea.data：標注的數(shù)據(jù)數(shù)組
markArea.label：標注區(qū)域的文本蒸眠，屬性同label
markArea.itemStyle：標注區(qū)域的樣式漾橙，屬性同itemStyle
markArea.emphasis：標注區(qū)域的高亮樣式，內(nèi)含label楞卡、itemStyle
markArea.blur：標注區(qū)域的淡出樣式霜运，內(nèi)含label、itemStyle
//標注區(qū)域的動畫屬性
markArea.animation：是否開啟動畫臀晃，默認true
markArea.animationThreshold：動畫閾值觉渴，動畫數(shù)量大于該值會關閉動畫，默認2000
markArea.animationDuration：動畫持續(xù)時間徽惋，默認1000ms
markArea.animationEasing：動畫緩動效果，如：cubicOut
markArea.animationDelay：動畫初始延時時間
markArea.animationDurationUpdate：動畫更新時長
markArea.animationEasingUpdate：動畫更新緩動時長
markArea.animationDelayUpdate：動畫延時更新時長

提示框：tooltip

tooltip.position：提示框位置座韵，如：[10, 10]（左側10px险绘、上側10px）、[10%,10%]
tooltip.formatter：提示框內(nèi)容格式化器
tooltip.backgroundColor：提示框背景色
tooltip.borderColor：提示框邊框顏色
tooltip.borderWidth：提示框邊框?qū)挾?br> tooltip.padding：提示框內(nèi)邊距
padding: 5 // 設置內(nèi)邊距為 5
padding: [5, 10] // 設置上下的內(nèi)邊距為 5誉碴，左右的內(nèi)邊距為 10
padding: [ // 分別設置四個方向的內(nèi)邊距
5, // 上
10, // 右
5, // 下
10, // 左
]
tooltip.textStyle：提示框文本樣式
tooltip.textStyle.color：文字顏色
tooltip.textStyle.fontStyle：字體設置宦棺，可選值：normal、italic黔帕、oblique
tooltip.textStyle.fontWeight：字體粗細代咸，可選值：normal、bold成黄、bolder呐芥、lighter、100|200| 300|400...
tooltip.textStyle.fontFamily：字體奋岁，可選值：serif思瘟、sans-serif、monospace闻伶、Arial滨攻、Courier New、NewMicrosoft YaHei等
tooltip.textStyle.fontSize：字體大小
tooltip.textStyle.lineHeight：行高
tooltip.textStyle.width：文本寬度
tooltip.textStyle.height：文本高度
tooltip.textStyle.textBorderColor：邊框顏色
tooltip.textStyle.textBorderWidth：邊框?qū)挾?br> tooltip.textStyle.textBorderType：邊框線性蓝翰，可選值：solid光绕、dashed、dotted畜份、[5,10]
tooltip.textStyle.textBorderDashOffset：虛線偏移量
tooltip.textStyle.textShadowColor：字體陰影顏色
tooltip.textStyle.textShadowBlur：字體陰影長度
tooltip.textStyle.textShadowOffsetX：字體水平偏移
tooltip.textStyle.textShadowOffsetY：字體垂直偏移
tooltip.textStyle.overflow：文本超出寬度是否階段或者換行诞帐，可選值：
none：不截斷或者換行
truncate：截斷
break：單詞間換行
breakAll：單詞間、單詞內(nèi)換行
tooltip.textStyle.ellipsis：overflow為truncate時漂坏，文末顯示文本
tooltip.textStyle.lineOverflow：文本超過高度后是否截斷景埃，可選值：none媒至、truncate
tooltip.extraCssText：額外附加到浮層的css樣式，如：box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);

原文：https://blog.csdn.net/weixin_43931625/article/details/121068654