Javascript 线图未显示
我似乎没有找到输出,我的代码从数据库表中获取了2个数据和日期,但我似乎没有找到输出。。这是我的密码 data.php: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.
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");
});