Jadual Kandungan
回复讨论(解决方案)
Rumah pembangunan bahagian belakang tutorial php echarts 通过php 动态填充数据,请赐教,谢谢!

echarts 通过php 动态填充数据,请赐教,谢谢!

Jun 23, 2016 pm 01:26 PM

我的显示页面:

  <script type="text/javascript">         function xName()		 {				var arr=new Array();				$.ajax(				{					url:"http://localhost:8080/POS/dbfun/report.db.php",					dataType:"json",					async:false,					success:function(data)					{						//调用函数获取值,转换成数组模式												 //var ss=eval(data);						 // alert(111);						 //for(var i=0;i<ss.length;i++)						 //{						 //  arr.push(ss[i].day);						 //  alert(arr[i]);						 //}                         //var ss=data[0].day;						 //alert(ss);				    },					timeout: 5000,                      error: function (XMLHttpRequest, textStatus, errorThrown) 						{                                                 alert(errorThrown); 						}				 				});				return arr;		}               // 路径配置        require.config({            paths:{                 'echarts' : '../echarts/ejs/echarts',                'echarts/chart/pie' : '../echarts/ejs/echarts'            }        });                        // 使用        require(            [                'echarts',                'echarts/chart/pie',				'echarts/chart/bar' // 使用柱状图就加载bar模块,按需加载            ],            function (ec) {                // 基于准备好的dom,初始化echarts图表                var myChart = ec.init(document.getElementById('main'));                                 //option = {                //	    title : {                //	        text: '某站点用户访问来源',               // 	        subtext: '纯属虚构',               // 	        x:'center'               // 	    },               // 	    tooltip : {               // 	        trigger: 'item',               // 	        formatter: "{a} <br/>{b} : {c} ({d}%)"               // 	    },               // 	    legend: {               // 	        orient : 'vertical',               // 	        x : 'left',               // 	        data:['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']               // 	    },                //	    toolbox: {                //	        show : true,                //	        feature : {               // 	            mark : {show: true},               // 	            dataView : {show: true, readOnly: false},               // 	            restore : {show: true},               // 	            saveAsImage : {show: true}               // 	        }               // 	    },               // 	    calculable : true,               // 	    series : [               // 	        {               // 	            name:'访问来源',               // 	            type:'pie',               // 	            radius : '55%',               // 	            center: ['50%', '60%'],               // 	            data:[               // 	                {value:335, name:'直接访问'},               // 	                {value:310, name:'邮件营销'},               // 	                {value:234, name:'联盟广告'},               // 	                {value:135, name:'视频广告'},               // 	                {value:1548, name:'搜索引擎'}               // 	            ]               // 	        }               // 	    ]               // 	};               			   option = {					title : {						text: '某地区蒸发量和降水量',						subtext: '纯属虚构'					},					tooltip : {						trigger: 'axis'					},					legend: {						data:['蒸发量','降水量']					},					toolbox: {						show : true,						feature : {							mark : {show: true},							dataView : {show: true, readOnly: false},							magicType : {show: true, type: ['line', 'bar']},							restore : {show: true},							saveAsImage : {show: true}						}					},					calculable : true,					xAxis : [						{							type : 'category',							data : ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']						}					],					yAxis : [						{							type : 'value'						}					],					series : [						{							name:'蒸发量',							type:'bar',							data:[2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3],							markPoint : {								data : [									{type : 'max', name: '最大值'},									{type : 'min', name: '最小值'}								]							},							markLine : {								data : [									{type : 'average', name: '平均值'}								]							}						},						{							name:'降水量',							type:'bar',							data:[2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3],							markPoint : {								data : [									{name : '年最高', value : 182.2, xAxis: 7, yAxis: 183, symbolSize:18},									{name : '年最低', value : 2.3, xAxis: 11, yAxis: 3}								]							},							markLine : {								data : [									{type : 'average', name : '平均值'}								]							}						}					]				};                // 为echarts对象加载数据                 myChart.setOption(option);             }        );         </script>
Salin selepas log masuk


这个链接:
http://localhost:8080/POS/dbfun/report.db.php
获取的数据格式是json
[{"total":"167","day":"20"},{"total":"650","day":"21"}]
Salin selepas log masuk


请问我需要怎么修改代码,让数据能填充到echars 里面去,谢谢!


回复讨论(解决方案)

我的$.ajax 怎么不执行,没有进入success  也没报错,请问是怎么回事?

http://ask.csdn.net/questions/161294#answer_30688

我也想知道这个问题的答案,不知道楼主有没有解决,求解决方案476926020@qq.com,谢谢了

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Cara Membuka Segala -galanya Di Myrise
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Bekerja dengan Data Sesi Flash di Laravel Bekerja dengan Data Sesi Flash di Laravel Mar 12, 2025 pm 05:08 PM

Laravel memudahkan mengendalikan data sesi sementara menggunakan kaedah flash intuitifnya. Ini sesuai untuk memaparkan mesej ringkas, makluman, atau pemberitahuan dalam permohonan anda. Data hanya berterusan untuk permintaan seterusnya secara lalai: $ permintaan-

Curl dalam PHP: Cara Menggunakan Pelanjutan PHP Curl dalam API REST Curl dalam PHP: Cara Menggunakan Pelanjutan PHP Curl dalam API REST Mar 14, 2025 am 11:42 AM

Pelanjutan URL Pelanggan PHP (CURL) adalah alat yang berkuasa untuk pemaju, membolehkan interaksi lancar dengan pelayan jauh dan API rehat. Dengan memanfaatkan libcurl, perpustakaan pemindahan fail multi-protokol yang dihormati, php curl memudahkan execu yang cekap

Respons HTTP yang dipermudahkan dalam ujian Laravel Respons HTTP yang dipermudahkan dalam ujian Laravel Mar 12, 2025 pm 05:09 PM

Laravel menyediakan sintaks simulasi respons HTTP ringkas, memudahkan ujian interaksi HTTP. Pendekatan ini dengan ketara mengurangkan redundansi kod semasa membuat simulasi ujian anda lebih intuitif. Pelaksanaan asas menyediakan pelbagai jenis pintasan jenis tindak balas: Gunakan Illuminate \ Support \ Facades \ http; Http :: palsu ([ 'Google.com' => 'Hello World', 'github.com' => ['foo' => 'bar'], 'forge.laravel.com' =>

12 skrip sembang php terbaik di codecanyon 12 skrip sembang php terbaik di codecanyon Mar 13, 2025 pm 12:08 PM

Adakah anda ingin memberikan penyelesaian segera, segera kepada masalah yang paling mendesak pelanggan anda? Sembang langsung membolehkan anda mempunyai perbualan masa nyata dengan pelanggan dan menyelesaikan masalah mereka dengan serta-merta. Ia membolehkan anda memberikan perkhidmatan yang lebih pantas kepada adat anda

Terangkan konsep pengikatan statik lewat dalam PHP. Terangkan konsep pengikatan statik lewat dalam PHP. Mar 21, 2025 pm 01:33 PM

Artikel membincangkan pengikatan statik lewat (LSB) dalam PHP, yang diperkenalkan dalam Php 5.3, yang membolehkan resolusi runtime kaedah statik memerlukan lebih banyak warisan yang fleksibel. Isu: LSB vs polimorfisme tradisional; Aplikasi Praktikal LSB dan Potensi Perfo

Menyesuaikan/Memperluas Rangka Kerja: Cara Menambah Fungsi Custom. Menyesuaikan/Memperluas Rangka Kerja: Cara Menambah Fungsi Custom. Mar 28, 2025 pm 05:12 PM

Artikel ini membincangkan menambah fungsi khusus kepada kerangka kerja, memberi tumpuan kepada pemahaman seni bina, mengenal pasti titik lanjutan, dan amalan terbaik untuk integrasi dan debugging.

Bagaimana cara menghantar permintaan pos yang mengandungi data JSON menggunakan perpustakaan php curl? Bagaimana cara menghantar permintaan pos yang mengandungi data JSON menggunakan perpustakaan php curl? Apr 01, 2025 pm 03:12 PM

Menghantar data JSON menggunakan perpustakaan Curl PHP dalam pembangunan PHP, sering kali perlu berinteraksi dengan API luaran. Salah satu cara biasa ialah menggunakan perpustakaan curl untuk menghantar post ...

See all articles