<?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. Spring课程 Spring入门篇 3-5 Spring bean装配（上）之Resource

    课程链接: 1 resource简析 2 resource代码演练 1 resource简析 urlsource:url对应的资源 classpath:获取类路径下的资源文件 filesystemre ...

  2. Oracle：Start with connect by prior 递归

    SELECT * from CONNECT BY {PRIOR列名1=列名2|列名1=PRIOR列名2} [START WITH]; Oracle的递归查询:     START WITH :描述开始 ...

  3. 【菜鸟学Linux】Cron Job定期删除Log（日志）文件

    以前一直做Windows开发,近期的项目中要求使用Linux.作为小菜鸟一枚,赶紧买了一本经典书<鸟哥的Linux私房菜>学习.最近刚好有一个小任务 - 由于产品产生的Log很多,而且增长 ...

  4. Static 用法

    1.Static关键字含意:static译文是静态的,静止的,因此使用 static 修饰符声明属于类型本身而不是属于特定对象(new创建的对象)的静态成员. 2.修饰使用范围 static 修饰符可 ...

  5. eclipse中Tomcat启动了 但看不到tomcat首页

    症状: tomcat在eclipse里面能正常启动,而在浏览器中访问http://localhost:8080/不能访问,且报404错误.同时其他项目页面也不能访问. 关闭eclipse里面的tomc ...

  6. Help for enable SSL 3.0 and disable TLS 1.0..

    https://support.mozilla.org/en-US/questions/967266 i cant find tab Encryption for enable SSL 3.0 and ...

  7. 建堆复杂度O(n)证明

    堆排序中首先需要做的就是建堆,广为人知的是建堆复杂度才O(n),它的证明过程涉及到高等数学中的级数或者概率论,不过证明整体来讲是比较易懂的. 堆排过程 代码如下 void print(vector&l ...

  8. 初识QT中的qDebug()

    首先在头文件中包含 #include<QDebug> 当开发者需要为一个装置.文件.字符串或者控制台,写出调试和跟踪信息时,该类被使用. 在需要使用的地方插入: qDebug(][]); ...

  9. android+nutz后台如何上传和下载图片

    android+nutz后台如何上传和下载图片  发布于 588天前  作者 yummy222  428 次浏览  复制  上一个帖子  下一个帖子  标签: 无 最近在做一个基于android的ap ...

  10. bzoj1150 [CTSC2007]数据备份

    Description 你在一家 IT 公司为大型写字楼或办公楼(offices)的计算机数据做备份.然而数据备份的工作是枯燥乏味的,因此你想设计一个系统让不同的办公楼彼此之间互相备份,而你则坐在家中 ...