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

创建table sex 有name num            

<?php

    ini_set('display_errors',1);            //错误信息

    ini_set('display_startup_errors',1);    //php启动错误信息

    error_reporting(-1);

    ini_set('error_log', dirname(__FILE__) . '/error3_log.txt');//打印出所有的 错误信息

    require("config.php");

      $conn=mysqli_connect($mysql_server_name,$mysql_username,$mysql_password) or die("error connecting");

      mysqli_query($conn,'set names utf8');

      mysqli_select_db($conn,$mysql_database);

      $result = mysqli_query($conn,"select * from sex");

      $data="";

      $array= array();

      class User{

        public $name;

        public $num;

      }

     while($row=mysqli_fetch_array($result,MYSQLI_ASSOC)){

        // printf ("%s : %s",$row["name"],$row["num"]);

         $user=new User();

         $user->name=$row['name'];

         $user->num=$row['num'];

         $array[]=$user;

     }

    $data=json_encode($array);

    echo $data;

?>

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

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>无标题文档</title>

<script src="../js/echarts.min.js"></script>

<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

</head>

<body>

<div id="main" style="height:400px"></div>

<script type="text/javascript">

              var  myChart = echarts.init(document.getElementById('main'));

              var arr1=[],arr2=[];

              function arrTest(){

                $.ajax({

                  type:"post",

                  url:"echart.php",

                  dataType:"json",

                  async:false,

                  data:{},

                  success:function(result){

                    if (result){

                      for (var i = 0; i < result.length; i++) {

                          arr1.push(result[i].name);

                          arr2.push(result[i].num);

                      }

                    }

                  },

                error:function(errorMsg) {

                    alert("数据读取失败");

                }

                  })

                return arr1,arr2;

              }

              arrTest();

                console.log(arr1[0]);

              var  option = {

                    tooltip: {

                        show: true

                    },

                    legend: {

                       data:['num']

                    },

                    xAxis : [

                        {

                            type : 'category',

                            data : arr1

                        }

                    ],

                    yAxis : [

                        {

                            type : 'value'

                        }

                    ],

                    series : [

                        {

                            "name":"num",

                            "type":"bar",

                            "data":arr2

                        }

                    ]

                };

                myChart.setOption(option);

    </script>

</body>

</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. LOJ2722 「NOI2018」情报中心

    「NOI2018」情报中心 题目描述 C 国和D 国近年来战火纷飞. 最近,C 国成功地渗透进入了D 国的一个城市.这个城市可以抽象成一张有$n$ 个节点,节点之间由$n - 1$ 条双向的边连接的无 ...

  2. bzoj 3439: Kpm的MC密码 Trie+动态开点线段树

    题目大意: http://www.lydsy.com/JudgeOnline/problem.php?id=3439 题解: 首先我们发现这道题要查的是后缀不是前缀. 如果查前缀就可以迅速查找到字符串 ...

  3. 自定义type为file型input控件+该控件具有本地图片预览功能

    最近的一个项目需求是写一个type为filex型的input控件,这个控件: 第一,要自定义样式: 第二,要能直接在本地预览上传的图片: 第三,要能检测图片的尺寸是否符合要求. 故综合网上的资源写了下 ...

  4. Erlang generic standard behaviours -- gen_server terminate

    gen_server 主体 module 已经分析完了(http://www.cnblogs.com/--00/p/4271982.html),接着,分析下gen_server 中的terminate ...

  5. java代码GUI简单的。。。

    总结:觉得 package com.da; import java.awt.*; //逆向思维:important //创建一个String对象的数组,然后执行读取文本,把文本每一行存入数组,它将读取 ...

  6. java对象在内存中的结构（HotSpot虚拟机）

    一.对象的内存布局 HotSpot虚拟机中,对象在内存中存储的布局可以分为三块区域:对象头(Header).实例数据(Instance Data)和对齐填充(Padding). 从上面的这张图里面可以 ...

  7. 用户收到"无法显示页面"的错误消息和"Connections_refused"条目记录在运行 Windows Server 2003，Exchange 2003 和 IIS 6.0 的服务器上的 Httperr.log 文件

    症状 您会遇到下列症状在运行 Microsoft Windows Server 2003. Microsoft Exchange Server 2003年和 Microsoft Internet In ...

  8. 不支持PowerShell 2.0版本（don't support PowerShell version 2.0. ）

    在“程序包管理器控制台”使用命令“update-database”会提示:The Entity Framework Core Package Manager Console Tools don't s ...

  9. <正则吃饺子> ：关于gson使用的一点总结

    一.场景 在群里看到的信息:在使用 gson时候,报了个错 :java.lang.IllegalArgumentException:   declares multiple JSON fields n ...

  10. ViewController lifecyle（IOS学习）

    斯坦福的ios教学视频笔记一张,如下