mechanical/templates/optim.html

{% extends "index.html" %}
{% block title %}智能最佳化{% endblock %}
{% block head %}
{{ super() }}
{% endblock %}


{% block body %}
    <!-- <div id="tower_temperature">
        <div id="hot_water" style="width: 300px;height:300px;float:left"></div>
        <div id="cold_water" style="width: 300px;height:300px;float:center"></div>
        <div id="wet_water" style="width: 300px;height:300px;float:right"></div>
    </div>
    <script type="text/javascript">
        var hot_water = echarts.init(document.getElementById("hot_water"));
        var cold_water = echarts.init(document.getElementById("cold_water"));
        var wet_water = echarts.init(document.getElementById("wet_water"));
    
        let date = transform_time_to_string(new Date());
        fetch(`/temperature/date=${date}`)
            .then(function(response) {
                return response.json();
            })
            .then(function(myJson) {
                // 配置圖表資訊
                console.log(myJson);
                option = {
                    series: [{
                        type: 'liquidFill',
                        data: myJson['hot_water']
                    }]
                };
                hot_water.setOption(option);
                option = {
                    series: [{
                        type: 'liquidFill',
                        data: myJson['cold_water']
                    }]
                };
                cold_water.setOption(option);
                option = {
                    series: [{
                        type: 'liquidFill',
                        data: myJson['wet_water']
                    }]
                };
                wet_water.setOption(option);
    
            });
    
    </script> -->

{% endblock %}