{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 class="ibox-content" >
                <table class="table table-bordered" >
                    <thead>
                    <tr>
                        {foreach $data[0] as $v}
                        <th>{$v.name}</th>
                        {/foreach}
                    </tr>
                    <tr>
                        {foreach $data[0] as $v}
                        <td>{$v.value}</td>
                        {/foreach}

                    </tr>
                    <tr>
                        {foreach $data[1] as $v}
                        <th>{$v.name}</th>
                        {/foreach}
                    </tr>
                    <tr>
                        {foreach $data[1] as $v}
                        <td>{$v.value}</td>
                        {/foreach}

                    </tr>
                    <tr>
                        {foreach $data[2] as $v}
                        <th>{$v.name}</th>
                        {/foreach}
                    </tr>
                    <tr>
                        {foreach $data[2] as $v}
                        <td>{$v.value}</td>
                        {/foreach}

                    </tr>
                    </thead>
                </table>

            </div>
    </div>
   </div>
</div>
{/block}
{block name="script"}
<script type="text/javascript" src="/static/echarts.js"></script>
<script>
    $(document).ready(function(){
        formSetValue("enable", {$info.enable|default=1});
    });

    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}