Your IP : 216.73.216.79
// @ts-check
import Graphics from '../Graphics'
import Utils from '../../utils/Utils'
import AxesUtils from '../axes/AxesUtils'
export default class DimYAxis {
/**
* @param {import('./Dimensions').default} dCtx
*/
constructor(dCtx) {
this.w = dCtx.w
this.dCtx = dCtx
}
/**
* Get Y Axis Dimensions
* @memberof Dimensions
* @returns {Array<{width: number, height: number}>}
**/
getyAxisLabelsCoords() {
const w = this.w
const width = 0
const height = 0
/** @type {any[]} */
const ret = []
let labelPad = 10
const axesUtils = new AxesUtils(this.w, { theme: this.dCtx.theme, timeScale: this.dCtx.timeScale })
/**
* @param {ApexYAxis} yaxe
* @param {number} index
*/
w.config.yaxis.map((/** @type {any} */ yaxe, /** @type {any} */ index) => {
const formatterArgs = {
seriesIndex: index,
dataPointIndex: -1,
w,
}
const yS = w.globals.yAxisScale[index]
let yAxisMinWidth = 0
if (
!axesUtils.isYAxisHidden(index) &&
yaxe.labels.show &&
yaxe.labels.minWidth !== undefined
)
yAxisMinWidth = yaxe.labels.minWidth
if (
!axesUtils.isYAxisHidden(index) &&
yaxe.labels.show &&
yS.result.length
) {
const lbFormatter = w.formatters.yLabelFormatters[index]
const minV = yS.niceMin === Number.MIN_VALUE ? 0 : yS.niceMin
/**
* @param {any} acc
* @param {any} curr
*/
let val = yS.result.reduce((/** @type {any} */ acc, /** @type {any} */ curr) => {
return String(lbFormatter(acc, formatterArgs))?.length >
String(lbFormatter(curr, formatterArgs))?.length
? acc
: curr
}, minV)
val = lbFormatter(val, formatterArgs)
// the second parameter -1 is the index of tick which user can use in the formatter
let valArr = val
// if user has specified a custom formatter, and the result is null or empty, we need to discard the formatter and take the value as it is.
if (typeof val === 'undefined' || val.length === 0) {
val = yS.niceMax
}
if (String(val).length === 1) {
val = val + '.0'
valArr = val
}
if (w.globals.isBarHorizontal) {
labelPad = 0
const barYaxisLabels = w.labelData.labels.slice()
// get the longest string from the labels array and also apply label formatter to it
val = Utils.getLargestStringFromArr(barYaxisLabels)
val = lbFormatter(val, { seriesIndex: index, dataPointIndex: -1, w })
valArr = this.dCtx.dimHelpers.getLargestStringFromMultiArr(
val,
barYaxisLabels
)
}
const graphics = new Graphics(this.w)
const rotateStr = 'rotate('.concat(yaxe.labels.rotate, ' 0 0)')
const rect = graphics.getTextRects(
val,
yaxe.labels.style.fontSize,
yaxe.labels.style.fontFamily,
rotateStr,
false
)
let arrLabelrect = rect
if (val !== valArr) {
arrLabelrect = graphics.getTextRects(
valArr,
yaxe.labels.style.fontSize,
yaxe.labels.style.fontFamily,
rotateStr,
false
)
}
ret.push({
width:
(yAxisMinWidth > arrLabelrect.width || yAxisMinWidth > rect.width
? yAxisMinWidth
: arrLabelrect.width > rect.width
? arrLabelrect.width
: rect.width) + labelPad,
height:
arrLabelrect.height > rect.height
? arrLabelrect.height
: rect.height,
})
} else {
ret.push({
width,
height,
})
}
})
return ret
}
/**
* Get Y Axis Dimensions
* @memberof Dimensions
* @returns {Array<{width: number, height: number}>}
**/
getyAxisTitleCoords() {
const w = this.w
/** @type {any[]} */
const ret = []
/**
* @param {ApexYAxis} yaxe
*/
w.config.yaxis.map((/** @type {any} */ yaxe) => {
if (yaxe.show && yaxe.title.text !== undefined) {
const graphics = new Graphics(this.w)
const rotateStr = 'rotate('.concat(yaxe.title.rotate, ' 0 0)')
const rect = graphics.getTextRects(
yaxe.title.text,
yaxe.title.style.fontSize,
yaxe.title.style.fontFamily,
rotateStr,
false
)
ret.push({
width: rect.width,
height: rect.height,
})
} else {
ret.push({
width: 0,
height: 0,
})
}
})
return ret
}
getTotalYAxisWidth() {
const w = this.w
let yAxisWidth = 0
let yAxisWidthLeft = 0
let yAxisWidthRight = 0
const padding = w.globals.yAxisScale.length > 1 ? 10 : 0
const axesUtils = new AxesUtils(this.w, { theme: this.dCtx.theme, timeScale: this.dCtx.timeScale })
/**
* @param {number} index
*/
const isHiddenYAxis = function (index) {
return w.globals.ignoreYAxisIndexes.indexOf(index) > -1
}
/**
* @param {{width: number, height: number}} coord
* @param {number} index
*/
const padForLabelTitle = (coord, index) => {
const floating = w.config.yaxis[index].floating
let width = 0
if (coord.width > 0 && !floating) {
width = coord.width + padding
if (isHiddenYAxis(index)) {
width = width - coord.width - padding
}
} else {
width = floating || axesUtils.isYAxisHidden(index) ? 0 : 5
}
w.config.yaxis[index].opposite
? (yAxisWidthRight = yAxisWidthRight + width)
: (yAxisWidthLeft = yAxisWidthLeft + width)
yAxisWidth = yAxisWidth + width
}
/**
* @param {{width: number, height: number}} yLabelCoord
* @param {number} index
*/
w.layout.yLabelsCoords.map((/** @type {any} */ yLabelCoord, /** @type {any} */ index) => {
padForLabelTitle(yLabelCoord, index)
})
/**
* @param {{width: number, height: number}} yTitleCoord
* @param {number} index
*/
w.layout.yTitleCoords.map((/** @type {any} */ yTitleCoord, /** @type {any} */ index) => {
padForLabelTitle(yTitleCoord, index)
})
if (w.globals.isBarHorizontal && !w.config.yaxis[0].floating) {
yAxisWidth =
w.layout.yLabelsCoords[0].width + w.layout.yTitleCoords[0].width + 15
}
this.dCtx.yAxisWidthLeft = yAxisWidthLeft
this.dCtx.yAxisWidthRight = yAxisWidthRight
return yAxisWidth
}
}