export const columnChart_toolbox = {
    show: true,
    showTitle: false,
    itemSize: 14,
    feature: {
        dataZoom: {
            show: true,
            title: {
                zoom: '区域缩放',
                back: '区域缩放还原'
            }
        },
        dataView: {
            show: true,
            title: '数据视图'
        },
        restore: {
            show: true,
            title: "还原"
        },
        saveAsImage: {
            title: '保存'
        },
    },
    tooltip: {
        show: true,
        confine: true,
        formatter: (param) => {
            return "<div>" + param.title + "</div>"; // 自定义的DOM结构
        },
        backgroundColor: "#F8F8FF",
        textStyle: {
            fontSize: 12,
        },
        extraCssText: 'padding:1px 2px;box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);'
    },
}

export const getToolBoxBasicMenu = function (): any {
    let paramJsonObj = {
        show: true,
        itemGap: 10,
        showTitle: false,
        right: "10px", // 右边距
        top: "0%", // 上边距
        itemSize: 14, //工具栏 icon 的大小
        feature: {
          mytool: {
            show: true,
            title: "菜单",
            icon: 'path://M128.13 255.96h767.89c23.56 0 42.66-19.1 42.66-42.66s-19.1-42.66-42.66-42.66H128.13c-23.56 0-42.66 19.1-42.66 42.66s19.1 42.66 42.66 42.66zM896.02 469.27H128.13c-23.56 0-42.66 19.1-42.66 42.66 0 23.56 19.1 42.66 42.66 42.66h767.89c23.56 0 42.66-19.1 42.66-42.66 0-23.56-19.1-42.66-42.66-42.66zM896.02 767.89H128.13c-23.56 0-42.66 19.1-42.66 42.66 0 23.56 19.1 42.66 42.66 42.66h767.89c23.56 0 42.66-19.1 42.66-42.66 0-23.56-19.1-42.66-42.66-42.66z',
            onclick: ($event) => {
                var menupanel = <HTMLElement>$event.scheduler.api.getDom().previousSibling;
                menupanel.setAttribute('style','display:block')
            }
          }
        },
    };
    return paramJsonObj;
};

export const barChart_toolbox = {
    show: true,
    showTitle: false,
    itemSize: 14,
    feature: {
        // dataZoom: {
        //     show: true,
        //     title: {
        //         zoom: '区域缩放',
        //         back: '区域缩放还原'
        //     }
        // },
        dataView: {
            show: true,
            title: '数据视图'
        },
        restore: {
            show: true,
            title: "还原"
        },
        saveAsImage: {
            title: '保存',
            excludeComponents: ['toolbox']
        },
    },
    tooltip: {
        show: true,
        confine: true,
        formatter: (param) => {
            return "<div>" + param.title + "</div>"; // 自定义的DOM结构
        },
        backgroundColor: "#F8F8FF",
        textStyle: {
            fontSize: 12,
        },
        extraCssText: 'padding:1px 2px;box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);'
    },
}
export function getCommonToolbox() {

    const toolbox = {
        show: true,
        showTitle: false,
        itemSize: 14,
        feature: {
            dataZoom: {
                show: true,
                title: {
                    zoom: '区域缩放',
                    back: '区域缩放还原'
                }
            },
            dataView: {
                show: true,
                title: '数据视图'
            },
            restore: {
                show: true,
                title: "还原"
            },
            saveAsImage: {
                title: '保存'
            },
        },
        tooltip: {
            show: true,
            confine: true,
            formatter: (param) => {
                return "<div>" + param.title + "</div>"; // 自定义的DOM结构
            },
            backgroundColor: "#F8F8FF",
            textStyle: {
                fontSize: 12,
            },
            extraCssText: 'padding:1px 2px;box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);'
        },
    }
    return toolbox;
}