FranklinWH-Toolbox/service/line.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Awesome go-echarts</title>
    <script src="https://go-echarts.github.io/go-echarts-assets/assets/echarts.min.js"></script>
    <script src="https://go-echarts.github.io/go-echarts-assets/assets/themes/shine.js"></script>
</head>

<body><div class="container">
    <div class="item" id="IydznpBOOHJi" style="width:1280px;height:500px;"></div>
</div><script type="text/javascript">
    "use strict";
    let goecharts_IydznpBOOHJi = echarts.init(document.getElementById('IydznpBOOHJi'), "shine", { renderer: "canvas" });
    let option_IydznpBOOHJi = {"dataZoom":[{"type":"slider","end":100,"xAxisIndex":[0,1]},{"type":"inside","end":100,"xAxisIndex":[0,1]}],"grid":[{"top":"60","height":"35%"},{"top":"55%","height":"35%"}],"legend":{"show":true},"series":[{"name":"A","type":"line","smooth":true,"symbol":"none","data":[{"value":["2025-11-06 15:04:07",-248]},{"value":["2025-11-06 16:04:07",-116]},{"value":["2025-11-06 17:04:07",-225]},{"value":["2025-11-06 18:04:07",-127]},{"value":["2025-11-06 19:04:07",-277]},{"value":["2025-11-06 20:04:07",245]},{"value":["2025-11-06 21:04:07",-168]},{"value":["2025-11-06 22:04:07",138]},{"value":["2025-11-06 23:04:07",-68]},{"value":["2025-11-07 00:04:07",196]}],"areaStyle":{"opacity":0.4}},{"name":"B","type":"line","smooth":true,"symbol":"none","data":[{"value":["2025-11-06 15:04:07",-39]},{"value":["2025-11-06 16:04:07",295]},{"value":["2025-11-06 17:04:07",186]},{"value":["2025-11-06 18:04:07",-110]},{"value":["2025-11-06 19:04:07",-168]},{"value":["2025-11-06 20:04:07",249]},{"value":["2025-11-06 21:04:07",53]},{"value":["2025-11-06 22:04:07",48]},{"value":["2025-11-06 23:04:07",43]},{"value":["2025-11-07 00:04:07",55]}],"areaStyle":{"opacity":0.4}},{"name":"C","type":"line","smooth":true,"symbol":"none","data":[{"value":["2025-11-06 15:04:07",-76]},{"value":["2025-11-06 16:04:07",-213]},{"value":["2025-11-06 17:04:07",-21]},{"value":["2025-11-06 18:04:07",-16]},{"value":["2025-11-06 19:04:07",-130]},{"value":["2025-11-06 20:04:07",-259]},{"value":["2025-11-06 21:04:07",-222]},{"value":["2025-11-06 22:04:07",-124]},{"value":["2025-11-06 23:04:07",42]},{"value":["2025-11-07 00:04:07",-24]}],"areaStyle":{"opacity":0.4}},{"name":"D","type":"line","smooth":true,"symbol":"none","data":[{"value":["2025-11-06 15:04:07",108]},{"value":["2025-11-06 16:04:07",-6]},{"value":["2025-11-06 17:04:07",-250]},{"value":["2025-11-06 18:04:07",78]},{"value":["2025-11-06 19:04:07",-80]},{"value":["2025-11-06 20:04:07",-279]},{"value":["2025-11-06 21:04:07",114]},{"value":["2025-11-06 22:04:07",-162]},{"value":["2025-11-06 23:04:07",82]},{"value":["2025-11-07 00:04:07",261]}],"areaStyle":{"opacity":0.4}},{"name":"SOC","type":"line","xAxisIndex":1,"yAxisIndex":1,"smooth":true,"symbol":"none","data":[{"value":["2025-11-06 15:04:07",76]},{"value":["2025-11-06 16:04:07",35]},{"value":["2025-11-06 17:04:07",12]},{"value":["2025-11-06 18:04:07",35]},{"value":["2025-11-06 19:04:07",0]},{"value":["2025-11-06 20:04:07",71]},{"value":["2025-11-06 21:04:07",89]},{"value":["2025-11-06 22:04:07",10]},{"value":["2025-11-06 23:04:07",28]},{"value":["2025-11-07 00:04:07",76]}]}],"title":{},"toolbox":{},"tooltip":{"trigger":"axis","borderColor":"#333333","backgroundColor":"#ffffff","axisPointer":{"type":"cross"}},"xAxis":[{"show":false,"type":"time"},{"type":"time","gridIndex":1}],"yAxis":[{"name":"功率(kw)"},{"name":"SOC(%)","gridIndex":1}]}

    goecharts_IydznpBOOHJi.setOption(option_IydznpBOOHJi);
</script>
<style>
    .container {margin-top:30px; display: flex;justify-content: center;align-items: center;}
    .item {margin: auto;}
</style>
</body>
</html>