柱状图多系列php动态实现（ec）


<?php 

require_once 'data.php';

$arr1=$a->sum('answer','ask_id=1');
$arr2=$a->sum('answer','ask_id=2');
$arr3=$a->sum('answer','ask_id=3');
$arr4=$a->sum('answer','ask_id=4');
$arr5=$a->sum('answer','ask_id=5');
$arr6=$a->sum('answer','ask_id=6');
$arr7=$a->sum('answer','ask_id=7');
$arr8=$a->sum('answer','ask_id=8');
$arr9=$a->sum('answer','ask_id=9');
$arr10=$a->sum('answer','ask_id=10');


for($i=0;$i<6;$i++){
    
 
        
             
    $res1[$i]=$arr1[$i]['numbers'];
    $res2[$i]=$arr2[$i]['numbers'];
    $res3[$i]=$arr3[$i]['numbers'];
    $res4[$i]=$arr4[$i]['numbers'];
    $res5[$i]=$arr5[$i]['numbers'];
    $res6[$i]=$arr6[$i]['numbers'];
    $res7[$i]=$arr7[$i]['numbers'];
    $res8[$i]=$arr8[$i]['numbers'];
    $res9[$i]=$arr9[$i]['numbers'];
    $res10[$i]=$arr10[$i]['numbers'];


}

$a1=array('1');
$b1=array_merge($a1,$res1);        //数组合并;
$a2=array('2');
$b2=array_merge($a2,$res2);
$a3=array('3');
$b3=array_merge($a3,$res3);
$a4=array('4');
$b4=array_merge($a4,$res4);
$a5=array('5');
$b5=array_merge($a5,$res5);
$a6=array('6');
$b6=array_merge($a6,$res6);
$a7=array('7');
$b7=array_merge($a7,$res7);
$a8=array('8');
$b8=array_merge($a8,$res8);
$a9=array('9');
$b9=array_merge($a9,$res9);
$a10=array('10');
$b10=array_merge($a10,$res10);

$rs1=json_encode($b1);        //php数组转json;
$rs2=json_encode($b2);
$rs3=json_encode($b3);
$rs4=json_encode($b4);
$rs5=json_encode($b5);
$rs6=json_encode($b6);
$rs7=json_encode($b7);
$rs8=json_encode($b8);
$rs9=json_encode($b9);
$rs10=json_encode($b10);

?>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>ECharts</title>
    <!-- 引入 echarts.js -->
    <script src="js/echarts.js"></script>
</head>
<body>
    <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
    <div id="main" style="width: 600px;height:400px;"></div>
    <script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));
        
       var arrData=[]; 
       var rs1=JSON.parse('<?php echo $rs1 ?>');
       rs='1';
       rs+=rs1;
       arrData.push(rs);
       // arrData.push('1');    
        // 指定图表的配置项和数据
       var option = {



    legend: {},
    tooltip: {},
    dataset: {
        // 提供一份数据。

      source: [
            

            ['sort','A', 'B', 'C', 'D','E','F'],    
            <?php echo $rs1; ?>,
            <?php echo $rs2; ?>,
            <?php echo $rs3; ?>,
            <?php echo $rs4; ?>,
            <?php echo $rs5; ?>,
            <?php echo $rs6; ?>,
            <?php echo $rs7; ?>,
            <?php echo $rs8; ?>,
            <?php echo $rs9; ?>,
            <?php echo $rs10; ?>,

        ]
    },
    // 声明一个 X 轴，类目轴（category）。默认情况下，类目轴对应到 dataset 第一列。
    xAxis: {type: 'category'},
    // 声明一个 Y 轴，数值轴。
    yAxis: {},
    // 声明多个 bar 系列，默认情况下，每个系列会自动对应到 dataset 的每一列。
    series: [
        {type: 'bar'},
        {type: 'bar'},
        {type: 'bar'},
        {type: 'bar'},
        {type: 'bar'},
        {type: 'bar'}
    ]
}
        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
    </script>
</body>
</html>


本篇是原创文章，如需转载请注明出处！