/*
 * @Author: your name
 * @Date: 2021-10-12 10:11:24
 * @LastEditTime: 2021-11-09 09:47:08
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /data-show/src/views/BrandInsight/titsopo/opt.js
 */
// import * as echarts from "echarts";
import { bigNumberTransform } from "@/utils/gol/dataTool"
function createData(ds = []) {
    let arr = [];
    for (let i = 0; i < ds.length; i++) {
        let arr1 = ds[i];
        for (let j = 0; j < arr1.length; j++) {
            let n = arr.findIndex(ele => {
                return ele.name === arr1[j].key;
            })
            if (n === -1) {
                let obj =
                {
                    name: arr1[j].key,
                    type: 'line',
                    symbol: 'none',
                    areaStyle: {
                            opacity: 0.1,
                    },
                    emphasis: {
                        focus: 'series'
                    },
                    data: [arr1[j].value]
                }
                arr.push(obj)
            } else {
                arr[n].data.push(arr1[j].value)
            }
        }
    }
    return arr;
}
export default function createOptD2(dx = [], ds = []) {
    let data = createData(ds)
    return {
        grid: {
            left: 16,
            right: 16,
            bottom: 16,
            top: 50,
            containLabel: true
        },
        tooltip: {
            trigger: "axis",
            backgroundColor: "#08182F",
            color: "#fff",
            borderColor: "#3373CC",
            textStyle: {
                color: "#fff", //设置文字颜色
            },
            extraCssText: "box-shadow: 0px 0px 10px 0px #3373CC;"
        },
        legend: {
            icon: 'roundRect',
            textStyle: { //图例文字的样式
                color: '#fff'
            },
            y: 12,
            x: 16
        },
        xAxis: {
            type: 'category',
            axisTick: {
                show: false,
            },
            boundaryGap: false,
            axisLine: {
                show: false,
                lineStyle: {
                    color: "#fff",
                },
            },
            axisLabel : {
                formatter: (value) => {
                    let str = value.substring(10,16)
                    return str;
                }
            },
            data: dx
        },
        yAxis: {
            type: 'value',
            axisLine: {
                show: false,
                lineStyle: {
                    color: "#fff",
                },
            },
            axisLabel: {
                formatter: (value) => {
                    let str = bigNumberTransform(value);
                    return str;
                }
            },
            splitLine: {
                lineStyle: {
                    type: "dashed", // y轴分割线类型
                    color: "#012b4b",
                },
            },
        },
        series:data
    }
}