<?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. c# 远程连接sql server 2008问题

    http://hi.baidu.com/lzghxjt/item/d42bd8f7066a3ad86325d280 远程连接不上可以在防火墙新建入站规则

  2. javaSE练习2——流程控制_2.2

    一.假设某员工今年的年薪是30000元,年薪的年增长率6%.编写一个Java应用程序计算该员工10年后的年薪,并统计未来10年(从今年算起)总收入. package com.test; public ...

  3. Spring-cloud微服务 Eureka学习教程-单服务器配置之快速搭建EurekaServer、EurekaClient（基础）

    以下实例代码下载地址:https://github.com/wades2/EurekaDemo Eureka是Spring Cloud Netflix的一个子模块,也是核心模块之一.用于云端服务发现, ...

  4. jquery的on()方法总结

    摘自菜鸟教程 废话不说 直接上demo 实例: 向<p>元素添加click事件处理程序: <html> <head> <script src="ht ...

  5. Android设置TextView的行间距，EditText下划线

    textView用于显示文本,大量文字显示在一起显得过于紧凑.可通过在布局中更改TextView属性设置行间距. 1.android:lineSpacingMultiplier="1.5&q ...

  6. Static 用法

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

  7. python字符转码

    字符的编码与转码 demo UTF-8 转GBK python2.7 默认编码ASCII 没有转Unicode 直接转GBK 1 .系统的默认编码是ASCII , 程序的指定编码是UTF-8,在enc ...

  8. Yii2.0 安装yii2-queue并在Linux启动守护进程监听消息

    一.什么是yii2-queue? Yii2-queue是Yii2.0 PHP框架下一个消息队列拓展插件,支持基于DB, Redis, RabbitMQ, AMQP, Beanstalk 和 Gearm ...

  9. 监控系统 - pnp4nagios

    pnp4nagios是nagios的一个插件,用于将perfdata数据写入rrd,用于展示流量图,目前最高版本0.6.25. 我用官方下载的tar.gz打rpm包,官方提供的pnp4nagios.s ...

  10. java中空字符串、null的区别

    String 的null,或者赋值为"",有什么区别? 废话少说,上代码: public class EmptyAndNull { /** * @param args */ pub ...