xAxis

橫坐標(biāo)

show:true
gridIndex:0 //X軸所在的grid的索引,默認(rèn)位于第一個grid
position:'top' / 'bottom'
offset:0 //位置偏移,有多個x軸時設(shè)置
type: //坐標(biāo)軸類型

"category" :默認(rèn)類目軸,適用離散的類目數(shù)據(jù)
''value'' :數(shù)值軸,連續(xù)的數(shù)據(jù)
'log' : 對數(shù)數(shù)據(jù)
'time' 時間軸,適用于連續(xù)的時序數(shù)據(jù),會根據(jù)跨度的范圍來決定
使用月,星期,日還是小時范圍的刻度。

name: // 坐標(biāo)軸名稱
nameLocation://坐標(biāo)軸名稱顯示位置

'start'
'middle' 或者 'center'
'end'

nameGap:15 //名稱與軸線之間的距離
nameRotate:null //坐標(biāo)軸名稱角度旋轉(zhuǎn)
inverse:false //是否反向坐標(biāo)軸
boundaryGap://坐標(biāo)軸兩邊留白

類目軸
默認(rèn)為 true,這時候[刻度]只是作為分隔線,標(biāo)簽和數(shù)據(jù)點都會在兩個[刻度]之間的帶(band)中間。
非類目軸,
包括時間,數(shù)值,對數(shù)軸
是一個兩個值的數(shù)組,分別表示數(shù)據(jù)最小值和最大值的延伸范圍,可以直接設(shè)置數(shù)值或者相對的百分比,在設(shè)置 [min] 和 [max]后無效。
boundaryGap: ['20%', '20%']

min:
max:

max: function(value) {
return value.max - 20;
}
max:'dataMax' //取數(shù)據(jù)在該軸上的最大值作為最大刻度。

scale:false //強(qiáng)制包含0刻度
minInterval:

0 //自動計算坐標(biāo)軸間隔大小
設(shè)置成1保證坐標(biāo)軸分割刻度顯示成整數(shù)

maxInterval: 3600 * 24 * 1000 //保證坐標(biāo)軸分割刻度最大為一天

silent:false //是否是靜態(tài)無交互
triggerEvent:false //坐標(biāo)軸的標(biāo)簽是否響應(yīng)和觸發(fā)鼠標(biāo)事件
axisLine:

{
  show:true  //*是否顯示坐標(biāo)軸線*
  onZero:true //*X 軸或者 Y 軸的軸線是否在另一個軸的 0 刻度*
  onZeroAxisIndex://*雙軸時,可指定在哪個軸的 0 刻度上*
  lineStyle:
}

axisTick://坐標(biāo)軸刻度

show:true
alignWithLabel:false //可以保證刻度線和標(biāo)簽對齊
inside:false //坐標(biāo)軸刻度朝外
length:5 //坐標(biāo)軸刻度的長度
lineStyle:

axisLabel:

show:true //*是否顯示刻度標(biāo)簽*
interval:auto / 0 / 1 / 2    //*間隔幾個顯示一個標(biāo)簽*
inside:false  // *標(biāo)簽*
rotate:
margin:
formatter://*刻度標(biāo)簽內(nèi)容格式
       formatter: '{value} kg'             
       formatter: function (value, index) {
             // 格式化成月/日,只在第一個刻度顯示年份
            var date = new Date(value);
            var texts = [(date.getMonth() + 1),  date.getDate()];
            if (index === 0) {
                             texts.unshift(date.getYear());
            }
            return texts.join('/');
       }
showMinLabel:null //*是否顯示最小 tick 的 label.值 true, false, null
backgroundColor: //*文字塊背景色或圖片
                 {
                    image: 'xxx/xxx.png'
                   // 這里可以是圖片的 URL,
                   // 或者圖片的 dataURI,
                   // 或者 HTMLImageElement 對象,
                   // 或者 HTMLCanvasElement 對象。
                }
rich:// 富文本標(biāo)簽

splitLine/splitArea/axisPointer/data

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,586評論 19 139
  • ¥開啟¥ 【iAPP實現(xiàn)進(jìn)入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個線程,因...
    小菜c閱讀 7,353評論 0 17
  • 《裕語言》速成開發(fā)手冊3.0 官方用戶交流:iApp開發(fā)交流(1) 239547050iApp開發(fā)交流(2) 10...
    葉染柒丶閱讀 28,769評論 5 20
  • “呂太后者,高祖微時時妃也……”睡意再也扛不住,恍惚間,做了一個悠長悠長的夢。 昏暗的燭光跳動,在朦朧中睜開雙眼,...
    綠衣歸兮閱讀 564評論 0 0
  • 1去接受一些你不了解的東西, 去爭取去相信自己改變一些事情。 2你還以為走路是世界上最簡單的事情呢? 只不過是把一...
    小豬咕嚕嚕閱讀 201評論 0 1

友情鏈接更多精彩內(nèi)容