ホームページ > バックエンド開発 > PHPチュートリアル > echarts は php を通じてデータを動的に入力します。教えてください。ありがとうございます。

echarts は php を通じてデータを動的に入力します。教えてください。ありがとうございます。

WBOY
リリース: 2016-06-23 13:26:13
オリジナル
1243 人が閲覧しました

私の表示ページ:

  <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>
ログイン後にコピー


このリンク:
http://localhost:8080/POS/dbfun/report.db.php
取得されたデータ形式は json です
[{"total":"167","day":"20"},{"total":"650","day":"21"}]
ログイン後にコピー


を変更する必要がある方法を教えてくださいデータを echar に入力できるようにコードを記述します。ありがとうございます。


ディスカッションへの返信 (解決策)

$.ajax が実行されず、成功せず、エラーも報告されないのはなぜですか?

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

この質問の答えも知りたいです 投稿者が解決したかどうかわかりません 解決策を教えてください 476926020@qq .com、ありがとうございます

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート