<?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. java实现新旧版本号比较

    项目中需要使用比较现在线上版本和新版本,然后新版本执行新方法,方法如下: /** * * @方法名称:comparaVersion * @内容摘要: <版本比较> * @param old ...

  2. GPU学习随笔

    NVML   NVAPI   GDK GDK包含NVML NVAPI库不能提供获取GPU使用率的接口 NVML能提供但不支持geforce系列 NVAPI.dll NVAPI64.dll动态加载可以查 ...

  3. schema中属性声明

    <attribute name="属性名"   default="默认值"  fixed="固定值" use="option ...

  4. mysql常用的优化措施

    http://www.cnblogs.com/ggjucheng/archive/2012/11/07/2758058.html

  5. 关于使用Github,gitignore不起作用的解决方法

      直接上解决方法: 1 2 3 git rm -r --cached . git add . git commit -m 'update .gitignore' 解释: .gitignore文件,具 ...

  6. 对DOM操作的一些总结

    一.DOM节点 分为三大类: 1.元素节点 :<html>.<body>.<p>等标签 2.文本节点 :标签内的文本.例如<p>这就是文本节点</ ...

  7. 菜鸟 学注册机编写之 Android app

    0x00前言 环境及工具: 手机    Nexus 4(己root) 系统版本    Android 5.01 工具    AndroidKiller_V1.2 关于Android平台app注册机的编 ...

  8. 《ArcGIS Runtime SDK for Android开发笔记》——（7）、示例代码arcgis-runtime-samples-android的使用

    1.前言 学习ArcGIS Runtime SDK开发,其实最推荐的学习方式是直接看官方的教程.示例代码和帮助文档,因为官方的示例一般来说都是目前技术最新,也是最详尽的.对于ArcGIS Runtim ...

  9. 使用C#实现计划任务（corn job）

    维基百科上是这样描述计划任务的: “Cron is a time-based job scheduler in Unix-like computer operating systems. Cron i ...

  10. Struts2_访问Web元素

    取得Map 类型的 request,session,application, HttpServletRequest,HttpSession,ServletContext的引用. 分访问 Map 类型和 ...