{extend name="common/common2" /}
{block name="main"}
<div class="row">
    <div class="col-sm-12">
        <div class="ibox float-e-margins">
            <div class="ibox-content">
                <div style="height: 300px" id="tj1"></div>
            </div>
        </div>
    </div>
</div>
{/block}
{block name="script"}
<script type="text/javascript" src="/static/echarts.js"></script>
<script>

    option = {
        xAxis: {
            type: 'category',
            data:  {:json_encode($key)}
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: {:json_encode($value)},
    type: 'line'
    }],
    tooltip : {
        trigger: 'axis',
            axisPointer: {
            type: 'cross',
                label: {
                backgroundColor: '#6a7985'
            }
        }
    }
    };
    var myChart = echarts.init(document.getElementById('tj1'));
    myChart.setOption(option);
</script>
{/block}