XYAux

• 名稱：X And Y Axes Auxiliary Line（X 及 Y 圖軸輔助線）

• 說明：MultiValue 資料類別使用的 X, Y 軸輔助線

• Playground 範例

params$

• 型別：DeepPartial<XYAuxParams>

• 欄位：

  名稱	說明	型別
  xAxis	X 軸設定	Object
  yAxis	Y 軸設定	Object

• params.xAxis, params.yAxis

• 欄位：

  名稱	說明	型別
  showLine	顯示輔助線	boolean
  showLabel	顯示輔助標籤	boolean
  lineDashArray	線條屬性 dash-array	string
  lineColorType	線條顏色類別	ColorType
  labelColorType	標籤顏色類別	ColorType
  labelTextColorType	標籤文字顏色類別	ColorType
  labelTextFormat	標籤文字函式	string | ((text: any) => string)
  labelPadding	標籤間距	number

詳細型別

type ColorType = 'none' | 'label' | 'labelContrast' | 'primary' | 'secondary' | 'background'

• 預設值：

{
  xAxis: {
    showLine: true,
    showLabel: true,
    lineDashArray: '3, 3',
    lineColorType: 'primary',
    labelColorType: 'primary',
    labelTextColorType: 'background',
    labelTextFormat: num => {
      if (num === null || Number.isNaN(num) == true) {
        return num || 0
      }
      const absNum = Math.abs(num)
      if (absNum > 0 && absNum < 1) {
        const strNum = num.toString()
        const match = strNum.match(/0\.(0*)([1-9])/)
        if (match) {
            const precision = match[1].length + 1
            return num.toFixed(precision)
        }
        return num.toString()
      }
      const parts = num.toString().split('.')
      parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',')
      return parts[0]
    },
    labelPadding: 20,
  },
  yAxis: {
    showLine: true,
    showLabel: true,
    lineDashArray: '3, 3',
    lineColorType: 'primary',
    labelColorType: 'primary',
    labelTextColorType: 'background',
    labelTextFormat: num => {
      if (num === null || Number.isNaN(num) == true) {
        return num || 0
      }
      const absNum = Math.abs(num)
      if (absNum > 0 && absNum < 1) {
        const strNum = num.toString()
        const match = strNum.match(/0\.(0*)([1-9])/)
        if (match) {
            const precision = match[1].length + 1
            return num.toFixed(precision)
        }
        return num.toString()
      }
      const parts = num.toString().split('.')
      parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',')
      return parts[0]
    },
    labelPadding: 20,
  }
}