/*
 * @Author: 杨水淼 yangshuimiao@jsjd.cc
 * @Date: 2025-07-08 10:40:52
 * @LastEditors: 杨水淼 yangshuimiao@jsjd.cc
 * @LastEditTime: 2025-07-09 07:38:46
 * @FilePath: \echarts\js\renderCharts.js
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
function doubleLineChart(params){
    /*
    需要外部提供:
    chartid: div container id
    legend: array
    unit: str
    sub_text: str
    data:data1,data2, array
    */
    var dom = document.getElementById(params.chartid);
    var myChart = echarts.init(dom,'dark');
    option = null;
    option = {
        title: {
            text: params.text,
            subtext: params.sub_text,
            textAlign:'center',
            left:'50%'
        },
        tooltip: {
            trigger: 'axis'
        },
        legend: {
            data:params.legend,
            right:'20'
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        toolbox: {
            feature: {
                saveAsImage: {}
            }
        },
        xAxis: {
            type: 'time',
            boundaryGap: false
        },
        yAxis: [{
            type: 'value',
            name:params.legend[0], //图列
            show:true
        },
        {
            type:'value',
            name:params.legend[1],  //图例
            //scale:true,
            boundaryGap:false,
            show:true,
            splitLine:{
                show:false, //Y2 坐标刻度横线
            },
        }
        ],
        dataZoom: [{
            type: 'inside',   //or slider 
            start: 0,
            end: 100
        }, {
            start: 0,
            end: 100,
            handleIcon: 'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
            handleSize: '80%',
            handleStyle: {
                color: '#fff',
                shadowBlur: 3,
                shadowColor: 'rgba(0, 0, 0, 0.6)',
                shadowOffsetX: 2,
                shadowOffsetY: 2
            }
        }],
        series: [
            {
                name:params.legend[0],
                type:'line',
                yAxisIndex:0,
                symbol:'none',
                data:params.data1
            },
            {
                name:params.legend[1],
                type:'line',
                yAxisIndex:1,
                symbol:'none',  //数据圆点
                smooth:false,
                data:params.data2
            }
        ]
    };

    if (option && typeof option === "object") {
        myChart.setOption(option, true);
    }
}