python
/
nongxiaohe


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
							<!DOCTYPE html>
<html>
<head>
    {%include '../inc/header.html'%}
	<link href="{{static_url('mobile/css/imgs.css')}}" rel="stylesheet">
</head>
<body>
    <section class="m-wrapper">
        {%include 'menu.html'%}
    </section>

    <section class="m-wrapper charts">
        {% for v in data['list'] %}
        <section class="img-wrap">
            <div class="box" id="main_{{v['id']}}" style="width: 100%;height:400px;"></div>
            <p>{{v['name']}}</p>
        </section>
        {% end %}
    </section>

{%include '../inc/script.html'%}
<script type="text/javascript" src="{{static_url('js/echarts.common.min.js')}}"></script>
<script>
{% for v in data['list'] %}
var myChart = echarts.init(document.getElementById('main_{{v['id']}}'));
var date = {% for key,value in enumerate(v['stat']) %}{% if key == 0 %}{% raw value['data']['time'] %}{% end %}{% end %};
var series = [
        {% for key,value in enumerate(v['stat']) %}
        {% if key > 0 %},{% end %}
        {
            name:'{{value['name']}}',
            type:'line',
            data:{% raw value['data']['value'] %},
            markPoint: {
                data: [
                    {type: 'max', name: '最大值'},
                    {type: 'min', name: '最小值'}
                ]
            },
            markLine: {
                data: [
                    {type: 'average', name: '平均值'}
                ]
            }
        }
        {% end %}
        ];

// 指定图表的配置项和数据
var option = {
    tooltip: {
        trigger: 'axis'
    },
    xAxis: {
        type: 'category',
        data: date
    },
    yAxis: {
        type: 'value',
        axisLabel: {
            formatter: '{value} {{v['type']['unit']}}'
        }
    },
    series: series
};
myChart.setOption(option, true);
{% end %}
</script>
</body>
</html>