setLegendLoc.mjs

import get from 'lodash-es/get.js'
import cdbl from 'wsemi/src/cdbl.mjs'


/**
 * 使用繪圖設定物件針對Highcharts物件處理圖例位置
 *
 * @param {Object} [opt={}] 輸入設定物件，預設{}
 * @param {Object} [optionsPic={}] 輸入繪圖設定物件，預設{}
 * @returns {Object} 回傳物件
 */
function setLegendLoc(opt, optionsPic = {}) {

    let legendPosition = get(optionsPic, 'legendPosition', 'bottomleft')

    let ml = get(opt, 'chart.marginLeft') || get(opt, 'chart.margin-left')
    ml = cdbl(ml)
    let mr = get(opt, 'chart.marginRight') || get(opt, 'chart.margin-right')
    mr = cdbl(mr)
    let mt = get(opt, 'chart.marginTop') || get(opt, 'chart.margin-top')
    mt = cdbl(mt)
    let mb = get(opt, 'chart.marginBottom') || get(opt, 'chart.margin-bottom')
    mb = cdbl(mb)
    // console.log('ml', ml)
    // console.log('mr', mr)
    // console.log('mt', mt)
    // console.log('mb', mb)

    // let sl = get(opt, 'chart.spacingLeft') || get(opt, 'chart.spacing-left')
    // sl = cdbl(sl)
    // let sr = get(opt, 'chart.spacingRight') || get(opt, 'chart.spacing-right')
    // sr = cdbl(sr)
    // let st = get(opt, 'chart.spacingTop') || get(opt, 'chart.spacing-top')
    // st = cdbl(st)
    // let sb = get(opt, 'chart.spacingBottom') || get(opt, 'chart.spacing-bottom')
    // sb = cdbl(sb)
    // console.log('sl', sl)
    // console.log('sr', sr)
    // console.log('st', st)
    // console.log('sb', sb)

    let lg = get(opt, 'legend', {})
    opt.legend = lg //若無, 則先給予空物件, 避免後續無法直接鏈式給予值

    //legendPosition
    if (legendPosition === 'topleft') {
        opt.legend.align = 'left'
        opt.legend.verticalAlign = 'top'
        let dx = 5
        let dy = 5
        opt.legend.x = ml + dx
        opt.legend.y = mt + dy
    }
    else if (legendPosition === 'bottomleft') {
        opt.legend.align = 'left'
        opt.legend.verticalAlign = 'bottom'
        let dx = 5
        let dy = -5
        opt.legend.x = ml + dx
        opt.legend.y = -mb + dy
    }
    else if (legendPosition === 'bottomright') {
        opt.legend.align = 'right'
        opt.legend.verticalAlign = 'bottom'
        let dx = -5
        let dy = -5
        opt.legend.x = -mr + dx
        opt.legend.y = -mb + dy
    }
    else { //legendPosition==='topright'
        opt.legend.align = 'right'
        opt.legend.verticalAlign = 'top'
        let dx = -5
        let dy = 5
        opt.legend.x = -mr + dx
        opt.legend.y = mt + dy
    }

    return opt
}


export default setLegendLoc