Echarts (option.yAxis) Y軸 的屬性


yAxis: [
  {
    show: true, // 是否顯示 Y軸
    type: 'value', //('value''category''time''log')
    name: '降雨量(mm)', // 坐標軸名稱
    nameLocation: 'end', // 坐標軸名稱顯示位置。('start''middle''center''end')
    //nameTextStyle: {...}, // 坐標軸名稱的文字樣式。
    //nameGap: 15, // 坐標軸名稱與軸線之間的距離。
    //nameRotate: 0, // 坐標軸名字旋轉,角度值。
    //inverse: false, // 是否是反向坐標軸。ECharts 3 中新加。
    //scale: false, // 只在數值軸中(type: 'value')有效。是否是脫離 0 值比例。設置成 true 后坐標刻度不會強制包含零刻度。在雙數值軸的散點圖中比較有用。在設置 min 和 max 之后該配置項無效。
    splitNumber: 5 , // 坐標軸的分割段數,需要注意的是這個分割段數只是個預估值,最后實際顯示的段數會在這個基礎上根據分割后坐標軸刻度顯示的易讀程度作調整。
    minInterval: 0 , // 自動計算的坐標軸最小間隔大小。
    //maxInterval
    //interval  // 強制設置坐標軸分割間隔。
    silent: false , // 坐標軸是否是靜態無法交互。
    position: "left", // 默認 grid 中的第一個 y 軸在 grid 的左側('left'),第二個 y 軸視第一個 y 軸的位置放在另一側。
    //offset: 0, // Y 軸相對於默認位置的偏移,在相同的 position 上有多個 Y 軸的時候有用。
    //gridIndex: 0 , // y 軸所在的 grid 的索引,默認位於第一個 grid。(一般用於多個Y軸時)
    //max: 5, // 設置最大值,不設置會自動計算
    //min: 0,
    triggerEvent: false , // 坐標軸的標簽是否響應和觸發鼠標事件,默認不響應。
    axisLine: { // 坐標軸刻度相關設置。
      show: true ,
      alignWithLabel: false ,// 類目軸中在 boundaryGap 為 true 的時候有效,可以保證刻度線和標簽對齊。
      interval: 'auto' , // 坐標軸刻度的顯示間隔,在類目軸中有效。默認同 axisLabel.interval 一樣。
      inside: false , // 坐標軸刻度是否朝內,默認朝外。
      length: 5 , // 坐標軸刻度的長度。
      lineStyle: { // 刻度線的樣式設置。
        color: "#ccc", // 刻度線的顏色,默認取 axisTick.lineStyle.color。
        width: 1 ,
        type: 'solid' , // (實線:'solid',虛線:'dashed',星羅棋布的:'dotted')
        shadowColor: 'rgba(0, 0, 0, 0.5)',
        shadowBlur: 10,
        shadowOffsetX: 0 ,
        shadowOffsetY: 0 ,
        opacity: 1
      } ,
    } , // 坐標軸軸線相關設置。
    axisTick: {
      //...(同上)
    } ,
    //minorTick: {} , // 坐標軸次刻度線相關設置。注意:次刻度線無法在類目軸(type: 'category')中使用。
    axisLabel: { // 坐標軸刻度標簽的相關設置。
      show: true ,
      interval: 'auto' ,
      inside: false ,
      rotate: 0 ,
      margin: 8 ,
      //formatter ... ,
      //showMinLabel ... ,
      //showMaxLabel ... ,
      //color ... ,
      fontStyle: 'normal' ,
      fontWeight: normal ,
      fontFamily: 'sans-serif' ,
      fontSize: 12 ,
      //align ... ,
      //verticalAlign ... , // 文字垂直對齊方式,默認自動。
      //lineHeight ... ,
      backgroundColor: 'transparent' ,
      borderColor: 'transparent' ,
      borderWidth: 0 ,
      borderRadius: 0 ,
      padding: 0 ,
      shadowColor: 'transparent' ,
      shadowBlur: 0 ,
      shadowOffsetX: 0 ,
      shadowOffsetY: 0 ,
      //width ... ,
      //height ... ,
      textBorderColor: 'transparent' ,
      textBorderWidth: 0 ,
      textShadowColor: 'transparent' ,
      textShadowBlur: 0 ,
      textShadowOffsetX: 0 ,
      textShadowOffsetY: 0 ,
      rich: {  //富文本樣式
        //...
      } ,
    } ,
    splitLine: {  // 坐標軸在 grid 區域中的分隔線。
      show: true ,
      interval: 'auto' ,
      lineStyle: {
        //...
      } ,
    } ,
    //minorSplitLine: {} , // 坐標軸在 grid 區域中的次分隔線。次分割線會對齊次刻度線 minorTick
    //splitArea: {} , // 坐標軸在 grid 區域中的分隔區域,默認不顯示。
    //data: [{}] , // 類目數據,在類目軸(type: 'category')中有效。 ...
    //axisPointer: {} , //
    zlevel: 0 , // Y 軸所有圖形的 zlevel 值。
    z: 0 , // Y 軸組件的所有圖形的z值。控制圖形的前后順序。z值小的圖形會被z值大的圖形覆蓋。z相比zlevel優先級更低,而且不會創建新的 Canvas。
  }
]


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM