圖例
type: 'plain' / 'scroll' //默認圖例
orient:'horizontal' / 'vertical' //圖例朝向
align:
padding:
animation:圖例翻頁是否使用動畫
animationDurationUpdate:翻頁動畫時長
itemGap://圖例每項的間距
itemWidth:
itemHeight:
formatter:
// 使用字符串模板,模板變量為圖例名稱 {name}
formatter: 'Legend {name}'
// 使用回調(diào)函數(shù)
formatter: function (name) {
return 'Legend ' + name;
}
scrollDataIndex:0
pageButtonItemGap:5
pageButtonGap: //圖例控制箭頭和圖例之間的間距
pageButtonPosition:'start' / 'end'
pageFormatter:
{1}/{3} //**頁數(shù)和總頁數(shù)** (默認頁數(shù))
{
current: number
total: number
} //**函數(shù)返回字符串**
pageIcons://圖標控制塊的圖標
{
horizontal:數(shù)組 [previous page button, next page button]
默認 ['M0,0L12,-10L12,10z', 'M0,0L-12,-10L-12,10z']
自定義['image://url','path://']
vertical:數(shù)組 [previous page button, next page button]
}
pageIconColor: // 翻頁按鈕的顏色
pageIconInactiveColor: //按鈕失效的顏色
pageIconSize:3 / [寬够滑,高 ] //翻頁按鈕的大小
pageTextStyle://圖例文字樣式
{
color:
fontStyle:normal/italic/oblique
fontWeight:
fontFamliy: 'serif' , 'monospace', 'Arial', 'Courier New', 'Microsoft
fontSize:
lineHeight:
width:
height:
textBorderColor:
textBorderWidth:
textShadowColor:
textShadowBlur://**文字本身陰影長度**
textShadowOffsetX
}
selectedMode:true //設(shè)置是否可以點擊顯示系列圖
selected:{ '系列1':true派任,'系列2':false}//圖例選中狀態(tài)表
tooltip:
{
show:true // ** 提示框浮層和axisPointer **
trigger:'item' / 'axis' / 'none'
triggerOn: 'mousemove' / 'click' / 'mousemove|click' / 'none' //觸發(fā)條件
enterable:false //**鼠標是否可進入提示框浮層中粪摘,如需添加鏈接,按鈕秩霍,可設(shè)置為 true艺骂。**
position:
- 鼠標在左側(cè)時 tooltip 顯示到右側(cè),鼠標在右側(cè)時 tooltip 顯示到左側(cè)。
function (pos, params, dom, rect, size) {
var obj = {top: 60};
obj[['left', 'right'][+(pos[0] < size.viewSize[0] / 2)]] = 5;
return obj;
}
- 絕對位置噪沙,相對于容器左側(cè) 10px, 上側(cè) 10 px
[10, 10]
- 相對位置炼彪,放置在容器正中間
['50%', '50%']
confine:false //**圖表外層的 dom 被設(shè)置為 'overflow: hidden'**
axisPointer: {
type:'line' /'shadow' / ' cross'
axis:'x', 'y', 'radius', 'angle' //坐標軸選擇哪個軸axisPointer
snap: // 坐標指示器是否自動吸附到點上
label: //文本標簽
lineStyle:
formatter:
'{b0}: {c0}<br />{b1}: {c1}'
回調(diào)函數(shù):(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) => string
extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);'//附加到浮層的樣式
}
1.折線(區(qū)域)圖、柱狀(條形)圖正歼、K線圖 :
{a}(系列名稱)辐马,(類目值)局义,{c}(數(shù)值), ecseu8g(無)
2.散點圖(氣泡)圖 :
{a}(系列名稱)喜爷,(數(shù)據(jù)名稱)萄唇,{c}(數(shù)值數(shù)組), 8m8kk88(無)
3.地圖 :
{a}(系列名稱)檩帐,(區(qū)域名稱)另萤,{c}(合并數(shù)值), mk8ge6c(無)
4.餅圖湃密、儀表盤、漏斗圖:
{a}(系列名稱)四敞,泛源(數(shù)據(jù)項名稱),{c}(數(shù)值), 88aiq06(百分比)