首页 / PHP / php与MySQL与ajax与echart综合

php与MySQL与ajax与echart综合

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了php与MySQL与ajax与echart综合，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1990字，纯文字阅读大概需要3分钟。

内容图文

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>

 

原文：http://www.cnblogs.com/yinghualuowu/p/7599301.html

内容总结

以上是互联网集市为您收集整理的php与MySQL与ajax与echart综合全部内容，希望文章能够帮你解决php与MySQL与ajax与echart综合所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1251384.html

来源：【匿名】