import {defaultChartColors} from "../../data/defines";
import * as _ from 'lodash';
import {handleDotData} from "../../utils/cacl";

export function getGroupBarOption(node:any=null,resData:any=null){
    let chartColors = _.cloneDeep(defaultChartColors);
    let dimensions=['product', '2012', '2013', '2014', '2015']
    let source=[
        ['Matcha Latte', 41.1, 30.4, 65.1, 53.3],
        ['Milk Tea', 86.5, 92.1, 85.7, 83.1],
        ['Cheese Cocoa', 24.1, 67.2, 79.5, 86.4]
    ]
    let series=[
        {type: 'bar',seriesLayoutBy:'column'},
        {type: 'bar',seriesLayoutBy:'column'},
        {type: 'bar',seriesLayoutBy:'column'},
        {type: 'bar',seriesLayoutBy:'column'}
    ]
    if(resData){
        dimensions=resData["dimensions"]
        source=resData["source"]
        // 处理数据精度问题
        handleDotData(node,source);
        series=[]
        for(let i=0;i<dimensions.length-1;i++){
            series.push({type: 'bar',seriesLayoutBy:'column'})
        }
    }
    let chartBackgroundColor;
    let title="分组柱状图";
    let titleShow=true;
    let chartRefLineShow=true;
    let chartRefLineColor='#ccc';
    let font:any={};
    let titlePosition='left';
    // 组件属性改变
    if(node){
        title=node.property.props.title;
        titleShow=node.property.props.titleShow;
        if(node.property.props.chartBkColor!=''&&node.property.props.chartBkColorShow==true){
            chartBackgroundColor=node.property.props.chartBkColor;
        }else{
            chartBackgroundColor='transparent'
        }
        (node.property.props.titleFontStyle||[]).forEach(item=>{
            if(item.name=='bold'){
                if(item.checked){
                    font.fontWeight=item.value
                }else{
                    font.fontWeight='normal'
                }
            }
            if(item.name=='italic'){
                if(item.checked){
                    font.fontStyle=item.value
                }else{
                    font.fontStyle='normal'
                }
            }
        })
        titlePosition = node.property.props.titlePosition;
        if(node.property.props.titleFontColor){
            font.color=node.property.props.titleFontColor;
        }
        if(node.property.props.titleFontFamily){
            font.fontFamily=node.property.props.titleFontFamily;
        }
        if(node.property.props.titleFontSize){
            font.fontSize=node.property.props.titleFontSize;
        }
        // 设置图形颜色
        if(node.property.props.lineGraphRange){
            (node.property.props.lineGraphRange||[]).forEach((element,index) => {
                if(element.lineGraphRangeCheck){
                    chartColors[index]=node.property.props.lineGraphRange[index].lineGraphRangeColor;
                }
            });
        }
        // 设置参考线
        if(node.property.props.chartRefLineShow){
            chartRefLineShow=true;
            chartRefLineColor=node.property.props.chartRefLineColor;
        }else {
            chartRefLineShow=false;
            chartRefLineColor=node.property.props.chartRefLineColor;
        }
    }
    const option = {
        color: chartColors,
        tooltip: {},
        backgroundColor: chartBackgroundColor,
        title:{
            text: titleShow?title:'',
            left: titlePosition,
            textStyle:{
                ...font,
                rich:{

                }
            }
        },
        legend: {
            orient: 'vertical',
            right: 'right',
            top: 'middle',
            itemWidth: 17,
            itemHeight: 12,
            textStyle: {
                color: font.color,
                fontSize: 14
            },
        },
        grid: { //图表的位置
            top: '20%',
            left: '2%',
            right: '20%',
            bottom: '10%',
            containLabel: true
        },
        dataset: [{
            dimensions:dimensions,
            source: source,
        }],
        // 声明一个 X 轴，类目轴（category）。默认情况下，类目轴对应到 dataset 第一列。
        xAxis: {
            type: 'category',
            axisLabel:{
                color:font.color,
            },
            axisTick:{
                show:false,
            },
        },
        // 声明一个 Y 轴，数值轴。
        yAxis: {
            axisLabel:{
                color:font.color,
            },
            axisTick:{
                show:false,
            },
            splitLine:{
                show: chartRefLineShow,
                lineStyle:{
                    color:chartRefLineColor,
                }
            }
        },
        // 声明多个 bar 系列，默认情况下，每个系列会自动对应到 dataset 的每一列。
        series: series
    }
    return option;
}