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. LOJ2302 「NOI2017」整数

    「NOI2017」整数 题目背景 在人类智慧的山巅,有着一台字长为$1048576$位(此数字与解题无关)的超级计算机,著名理论计算机科 学家P博士正用它进行各种研究.不幸的是,这天台风切断了电力系统 ...

  2. 使用Excel制作万年历(日历可A4纸打印)

    先来看看A4纸打印效果,其他功能后续继续完善中. 年份数据字典(农历节日) 农历节日表 年度 春节 元宵节 龙抬头 端午节 六月六 七月七 七月十五 仲秋节 除夕 2010年02月14日 2010年0 ...

  3. bzoj 2125 最短路——仙人掌两点间最短路

    题目:https://www.lydsy.com/JudgeOnline/problem.php?id=2125 因为看了TJ又抄了标程,现在感觉还是轻飘飘的……必须再做一遍. 两点间的情况: 1.直 ...

  4. Android Studio的Android Monitor窗口中把标签拉出来之后放不回去的解决方法

    不小心把下图方框中的logcat标签拖出来之后, 就变成了图2的浮动窗口,发现logcat标签怎么也弄不回原来窗口中的位置中. 其实解决方法很简单,只要拖住下图浮动窗口中红框位置的logcat标签,然 ...

  5. linux命令-tar打包和压缩并用

    tar在打包的时候进行压缩 支持 gzip bzip2 xz 格式 -z  gzip格式 -j  bzip2格式 -J  xz格式 压缩打包 [root@wangshaojun ~]# tar -zc ...

  6. JavaScript代码存在形式

    <!-- 方式一 --> <script type"text/javascript" src="JS文件"></script> ...

  7. 在PCL中如何实现点云压缩(1)

    点云由庞大的数据集组成,这些数据集通过距离.颜色.法线等附加信息来描述空间三维点.此外,点云能以非常高的速率被创建出来,因此需要占用相当大的存储资源,一旦点云需要存储或者通过速率受限制的通信信道进行传 ...

  8. netty+mqtt

    package io.mqtt.server; import io.mqtt.tool.ConfigService;import io.netty.bootstrap.ServerBootstrap; ...

  9. 【转】Lucene不同版本中Field的Keyword、UnIndex，导致lucene 建立索引总是报错 急！！

    lucene 建立索引 总是报错 急!! http://zhidao.baidu.com/link?url=iaVs9JH4DfN6iwaWImt7VMJENWCWGGaWFGPjqhUw_jz7Fs ...

  10. 基于TMF SID的高可扩展性数据模型

    基于TMF SID的高可扩展性数据模型 前言 此文根据TMF SID规范撰写,欢迎大家提出建议和意见. TMF文档版权信息 Copyright © TeleManagement Forum 2013. ...