Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/409.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 线图未显示_Javascript_Php_Json - Fatal编程技术网

Javascript 线图未显示

Javascript 线图未显示,javascript,php,json,Javascript,Php,Json,我似乎没有找到输出,我的代码从数据库表中获取了2个数据和日期,但我似乎没有找到输出。。这是我的密码 data.php: AmCharts.loadJSON=函数(url){ //创建请求 if(window.XMLHttpRequest){ //IE7+、Firefox、Chrome、Opera、Safari var request=new XMLHttpRequest(); }否则{ //IE6、IE5的代码 var request=newactivexobject('Microsoft.

我似乎没有找到输出,我的代码从数据库表中获取了2个数据和日期,但我似乎没有找到输出。。这是我的密码

data.php:


AmCharts.loadJSON=函数(url){
//创建请求
if(window.XMLHttpRequest){
//IE7+、Firefox、Chrome、Opera、Safari
var request=new XMLHttpRequest();
}否则{
//IE6、IE5的代码
var request=newactivexobject('Microsoft.XMLHTTP');
}
//加载它
//最后一个“false”参数确保我们的代码将在
//数据已加载
打开('GET',url,false);
request.send();
//解析并返回输出
返回eval(request.responseText);
};
var图;
//创建图表
AmCharts.ready(函数(){
//加载数据
var chartData=AmCharts.loadJSON('data.php');
//序列图
chart=新的AmCharts.AmSerialChart();
chart.pathToImages=”http://www.amcharts.com/lib/images/";
chart.dataProvider=chartData;
chart.categoryField=“日期”;
chart.dataDateFormat=“YYYY-MM-DD”;
//图表
var graph1=新的AmCharts.AmGraph();
graph1.valueField=“公里每小时照明”;
图1.bullet=“圆形”;
graph1.bulletBorderColor=“#000000”;
图1.2厚度=2;
图1.lineThickness=2;
图1.lineAlpha=0.5;
图.添加图(图1);
var graph2=新的AmCharts.AmGraph();
graph2.valueField=“长期公里升”;
图2.bullet=“圆形”;
graph2.bulletBorderColor=“#000000”;
图2.2厚度=2;
图2.lineThickness=2;
图2.lineAlpha=0.5;
图.添加图(图2);
//类别轴
chart.categoryAxis.parseDates=true;
//写
chart.write(“chartdiv”);
});
<script>
AmCharts.loadJSON = function(url) {
  // create the request
  if (window.XMLHttpRequest) {
    // IE7+, Firefox, Chrome, Opera, Safari
    var request = new XMLHttpRequest();
  } else {
    // code for IE6, IE5
    var request = new ActiveXObject('Microsoft.XMLHTTP');
  }

  // load it
  // the last "false" parameter ensures that our code will wait before the
  // data is loaded
  request.open('GET', url, false);
  request.send();

  // parse adn return the output
  return eval(request.responseText);
};
  </script>

  <!-- chart container -->
  <div id="chartdiv" style="width: 600px; height: 300px;"></div>

  <!-- the chart code -->
  <script>
var chart;

// create chart
AmCharts.ready(function() {

  // load the data
  var chartData = AmCharts.loadJSON('data.php');

  // SERIAL CHART
  chart = new AmCharts.AmSerialChart();
  chart.pathToImages = "http://www.amcharts.com/lib/images/";
  chart.dataProvider = chartData;
  chart.categoryField = "date";
  chart.dataDateFormat = "YYYY-MM-DD";

  // GRAPHS

  var graph1 = new AmCharts.AmGraph();
  graph1.valueField = "km_per_lit";
  graph1.bullet = "round";
  graph1.bulletBorderColor = "#000000";
  graph1.bulletBorderThickness = 2;
 graph1.lineThickness = 2;
  graph1.lineAlpha = 0.5;
  chart.addGraph(graph1);

  var graph2 = new AmCharts.AmGraph();
  graph2.valueField = "Longterm_KM_Liter";
  graph2.bullet = "round";
  graph2.bulletBorderColor = "#000000";
  graph2.bulletBorderThickness = 2;
  graph2.lineThickness = 2;
  graph2.lineAlpha = 0.5;
  chart.addGraph(graph2);

  // CATEGORY AXIS
  chart.categoryAxis.parseDates = true;

  // WRITE
  chart.write("chartdiv");
});