<?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>

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

柱状图多系列php动态实现（ec）的更多相关文章

  1. WPF柱状图（支持数据库动态更新）之组件的数据动态化

    WPF柱状图(支持数据库动态更新) 在这片文章中我们介绍了如何将柱状图包装成一个组件,将这个组件的属性对外开放和组件的外部属性根内部属性绑定以及非轮询动态更新数据的方式. 非轮询更新数据感觉介绍的不够 ...

  2. echarts系列之动态修改柱状图颜色

    echarts根据某一变量动态修改柱状图颜色 1.option中参数配置项series { "name":"Android", "type" ...

  3. php柱状图多系列动态实现

    <?php require_once 'data.php'; require_once 'jpgraph/src/jpgraph.php'; require_once"jpgraph/ ...

  4. 微软云平台媒体服务实践系列 2- 使用动态封装为iOS, Android , Windows 等多平台提供视频点播（VoD）方案

    文章微软云平台媒体服务实践系列 1- 使用静态封装为iOS, Android 设备实现点播(VoD)方案  介绍了如何针对少数iOS, Android 客户端的场景,出于节约成本的目的使用媒体服务的静 ...

  5. WPF柱状图（支持数据库动态更新）

    之前我们讲到wpf组件基类以及组件开发,现在我们围绕之前的内容去开发一个组件. 效果图请加群查看,在群共享里面. 做出这个呢  是比较繁琐的. 首先要使用我们的基类 继承基类的模板自动生成如下几个文件 ...

  6. SpringCloud系列——Zuul 动态路由

    前言 Zuul 是在Spring Cloud Netflix平台上提供动态路由,监控,弹性,安全等边缘服务的框架,是Netflix基于jvm的路由器和服务器端负载均衡器,相当于是设备和 Netflix ...

  7. [C# 开发技巧系列]如何动态设置屏幕分辨率

    首先,大家应该明确,现在没有可用的API来给我们动态地设置屏幕分辨率,我们要实现这个需求,我们只能在C#程序中调用Win32 API 函数来解决这个问题的,这里用C#代码调用Win32 API 就涉及 ...

  8. echarts系列之动态加载数据

    1.echarts学习前言 最近接触到echarts,发现数据可视化真的是魅力无穷啊,各种变幻的曲线交错,以及‘曼妙’的动画效果真是让人如痴如醉! 下面就来一起欣赏她的美... “ ECharts是中 ...

  9. Spring AOP系列(二) — 动态代理引言

    接上一篇Spring AOP系列(一)- 代理模式,本篇来聊聊动态代理. 动态代理与静态代理的区别 要想了解动态代理与静态代理的区别,需要有两个前置知识点:java程序是如何执行的以及类加载机制. j ...

随机推荐

  1. hibernate课程 初探一对多映射2-2 Myeclipse进行hibernate基本配置

    本节主要内容: 1 myeclipse 中hibernate jar包,mysql连接jar包 导入 2 hibernate.cfg.xml的配置 1 一对一映射已经配置过 2 hibernate.c ...

  2. If you want the rainbow, you have to deal with the rain.

    If you want the rainbow, you have to deal with the rain.想要彩虹,就先忍受雨水.

  3. jQuery核心探究

    动画animate.animate({}, { duration: 5000, progress: function (now, progressNum) {}, complete: function ...

  4. 【Android学习入门】Android studio基本设置

    1.背景设置 依次选择File->Settings-->Appearance & Behaviour->Apprearance,然后勾选 show line number. ...

  5. selenium grid 使用方法

    代码和selenium driver相同 只是 启动环境方式不同.至少启动一个hub 一个 node .如需要多个,可以使用端口进行区分. java -jar selenium-server-stan ...

  6. Spark Streaming与Kafka集成

    Spark Streaming与Kafka集成 1.介绍 kafka是一个发布订阅消息系统,具有分布式.分区化.多副本提交日志特点.kafka项目在0.8和0.10之间引入了一种新型消费者API,注意 ...

  7. linux下安装mysql并修改密码

    删除已有mysql并重新安装mysql 查看是否已安装过mysql rpm -qa |grep -i mysql 2.移除安装的包 (在之前如果有启动mysql最好关掉服务) 使用rpm –ev 包名 ...

  8. Uva 11997 多路归并

    题目链接:https://uva.onlinejudge.org/external/119/11997.pdf 题意: k*k的矩阵,从每一行中选一个元素加起来,可以得到 kk个和,求前 k 个最小值 ...

  9. ORA-01262，oracle启动报错，及Oracle启动原理

    错误状态: SQL> startup ORA-01261: Parameter db_recovery_file_dest destination string cannot be transl ...

  10. phpmyadmin 打开数据表较多，数据量较大的数据库时出现超时的解决办法

    用phpmyadmin打开数据表较多,数据量较大的数据库时,会出现超时,或者等半天打开了说数据库没有表.并且即便打开了,再进行其他浏览,编辑,sql等操作,页面也是相当慢的,慢等几乎无法忍受.这里慢也 ...