http://www.yinghualuowu.com/php/echart.html

创建table sex 有name num            

  1. <?php
  2.     ini_set('display_errors',1);            //错误信息
  3.     ini_set('display_startup_errors',1);    //php启动错误信息
  4.     error_reporting(-1);
  5.     ini_set('error_log', dirname(__FILE__) . '/error3_log.txt');//打印出所有的 错误信息
  6.     require("config.php");
  7.       $conn=mysqli_connect($mysql_server_name,$mysql_username,$mysql_password) or die("error connecting");
  8.       mysqli_query($conn,'set names utf8');
  9.       mysqli_select_db($conn,$mysql_database);
  10.       $result = mysqli_query($conn,"select * from sex");
  11.       $data="";
  12.       $array= array();
  13.       class User{
  14.         public $name;
  15.         public $num;
  16.       }
  17.      while($row=mysqli_fetch_array($result,MYSQLI_ASSOC)){
  18.         // printf ("%s : %s",$row["name"],$row["num"]);
  19.          $user=new User();
  20.          $user->name=$row['name'];
  21.          $user->num=$row['num'];
  22.          $array[]=$user;
  23.      }
  24.     $data=json_encode($array);
  25.     echo $data;
  26. ?>

这样，我们就创建了一个json文件

  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>无标题文档</title>
  6. <script src="../js/echarts.min.js"></script>
  7. <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
  8. </head>
  9.  
  10. <body>
  11. <div id="main" style="height:400px"></div>
  12. <script type="text/javascript">
  13.               var  myChart = echarts.init(document.getElementById('main'));
  14.               var arr1=[],arr2=[];
  15.               function arrTest(){
  16.                 $.ajax({
  17.  
  18.                   type:"post",
  19.                   url:"echart.php",
  20.                   dataType:"json",
  21.                   async:false,
  22.                   data:{},
  23.                   success:function(result){
  24.  
  25.                     if (result){
  26.                       for (var i = 0; i < result.length; i++) {
  27.                           arr1.push(result[i].name);
  28.                           arr2.push(result[i].num);
  29.                       }
  30.                     }
  31.                   },
  32.                 error:function(errorMsg) {
  33.                     alert("数据读取失败");
  34.                 }
  35.                   })
  36.                 return arr1,arr2;
  37.               }
  38.               arrTest();
  39.                 console.log(arr1[0]);
  40.               var  option = {
  41.                     tooltip: {
  42.                         show: true
  43.                     },
  44.                     legend: {
  45.                        data:['num']
  46.                     },
  47.                     xAxis : [
  48.                         {
  49.                             type : 'category',
  50.                             data : arr1
  51.                         }
  52.                     ],
  53.                     yAxis : [
  54.                         {
  55.                             type : 'value'
  56.                         }
  57.                     ],
  58.                     series : [
  59.                         {
  60.                             "name":"num",
  61.                             "type":"bar",
  62.                             "data":arr2
  63.                         }
  64.                     ]
  65.                 };
  66.  
  67.                 myChart.setOption(option);
  68.  
  69.     </script>
  70. </body>
  71. </html>

php与MySQL与echart综合使用的更多相关文章

  1. MySQL查询笔试综合题练习

    题目要求: 在某个数据库下建表: create table stu( -> name char(3) not null default '', -> subject varchar(10) ...

  2. MySQL DBA教程全套视频资料

    MySQL基础入门.MySQL多实例安装与企业应用场景.MySQL应用管理及进阶实战操作.MySQL乱码问题及字符集实战.MySQL备份-增量备份及数据恢复基础实战.MySQL主从复制原理及实战部署. ...

  3. 详述MySQL服务在渗透测试中的利用

    本文作者:i春秋签约作家——Binghe 致力于书写ichunqiu社区历史上最长篇最细致最真实的技术复现文章. 文章目录: MySQL之UDF提权 MySQL之MOF提权 MySQL之常规写启动项提 ...

  4. 关于升级 phpStudy 中 MySQL 版本至 5.7.17

    mysql版本低于5.6 自动更新时间会报错.因此要升级mysql版本.综合网上资料和实际过程中遇到的问题,具体细节和注意事项如下: 1.从官网上下载高版本的 MySQL :https://dev.m ...

  5. mysql高级day1

    Mysql高级-day01 MySQL高级课程简介 序号 Day01 Day02 Day03 Day04 1 Linux系统安装MySQL 体系结构 应用优化 MySQL 常用工具 2 索引 存储引擎 ...

  6. 项目源码--Android本地音乐播放器

    下载源码 技术要点: 1.本地音乐播放与管理 2.支持在线下载 3.非库音频流的解码 4. UI控件的综合使用 5. HTTP通信模块 6. Mysql数据库的综合使用 7. 后台服务技术 8. 源码 ...

  7. JSP/JAVA目录清单

    JAVA253中国象棋(CS) JAVA258网络五子棋游戏的设计与实现(CS) JAVA390停车场管理系统SQL(CS) JSP001学生综合素质测评系统JAVA+Mysql JSP002学生成绩 ...

  8. 《MySQL5.7从入门到精通(视频教学版)》

    · 一:书籍PDF获取途径 pdf 文档 在 此QQ群(668345923) 的群文件里面 学习视频资源 二:书籍介绍 本书主要包括MySQL的安装与配置.数据库的创建.数据表的创建.数据类型和运算符 ...

  9. 《PHP 5.5从零開始学（视频教学版）》内容简单介绍、文件夹

    <PHP 5.5从零開始学(视频教学版)>当当网购买地址: http://product.dangdang.com/23586810.html <PHP 5.5从零開始学(视频教学版 ...

随机推荐

  1. HihoCoder1665方块游戏([Offer收割]编程练习赛40)(线段树)

    时间限制:10000ms 单点时限:1000ms 内存限制:256MB 描述 小Ho在玩一款类似俄罗斯方块的游戏.与原版俄罗斯方块不同的是,落下方块都是长度不一的横向长条,并且不能移动也不能变成竖直方 ...

  2. ACM学习历程—Hihocoder 1290 Demo Day（动态规划）

    http://hihocoder.com/problemset/problem/1290 这题是这次微软笔试的第三题,过的人比第一题少一点,这题一眼看过去就是动态规划,不过转移方程貌似不是很简单,调试 ...

  3. BZOJ3064：CPU监控

    浅谈区间最值操作和历史最值问题:https://www.cnblogs.com/AKMer/p/10225100.html 题目传送门:https://lydsy.com/JudgeOnline/pr ...

  4. 块级&行内元素总结

    一.块级元素与行内元素的区别 块级元素与行内元素有几个关键区别: 格式 默认情况下: 块级元素会新起一行: 行内元素不会以新行开始. 内容模型 一般块级元素可以包含行内元素和其他块级元素.这种结构上的 ...

  5. java流类

    总结:new FileInputStream package com.ds; import java.io.*; import com.da.fgbv; public class rter { pub ...

  6. TS学习之类

    定义类 class Person { name: string; //属性 constructor(_name: string) { this.name = _name; } //构造函数 sayHe ...

  7. 使用showConfirmDialog显示确认框

    ------------------siwuxie095                                 工程名:TestJOptionPane 包名:com.siwuxie095.s ...

  8. Flask14 渲染问题、API、项目文档

    3 前端渲染和后端渲染 这两种渲染都属于动态页面 区分前后端渲染的关键点是站在浏览器的角度 3.1 后端渲染 浏览器请求服务器后获取到的是完整的HTML页面(即:后台已经组装好HTML文件啦),利用f ...

  9. R: 关于 table 函数的应用

    ################################################### 问题:关于 table 函数   18.5.9 来一个关于 table 函数的例子,说明tabl ...

  10. IDEA拷贝git上的最新项目资源

    File->new ->project version control->git-> 进入项目git对应的网址,选择第一个backstop,复制url: 输入git用户名和密码 ...