出色地！！！对不起我的英语。这是我对 amcharts 的问题。我正在我的新项目中做一些图形。该项目基于 MVC 和 PHP5 构建。我们这样做是为了得到结果：
//var chartData = AmCharts.loadJSON(baseurl+'libs/jsonvalueconsumption.php?id=...);
在 amcharts 的示例中给出了使用 Amcharts.loadjson 函数。
但现在我们正在通过 AJAX 进行操作。问题？？？？我们得到了相同的结果，代码的所有步骤都相同，但控制台抛出了一个问题：
无法读取未定义 amstock.js.pagespeed.ce.sQT2FSFmcG.js:49 的属性“构造”
这是我们的 js，它必须在 div 上获取图形：
//AmCharts.ready(function() {
var firstData = $.ajax({
type: 'POST',
url: baseurl+'action/charts/SOME_FUNCTION',
data: { id : id },
dataType: 'JSON',
async: false,
success: function(getdata) {
return getdata;
}
}).responseText;
chart = new AmCharts.AmStockChart();
chart.pathToImages = "http://www.amcharts.com/lib/images/";
chart.dataDateFormat = "YYYY-MM-DD h:i:s";
var obj = JSON.parse(firstData);
for(i=0;i<obj.length;i++) {
var id_something = obj[i]['id'];
var secondData = $.ajax({
type: 'POST',
url: baseurl+'action/charts/ANOTHER_SOME_FUNCTION',
data: { id_something : id_something, value1 : value1, value2 : value2 },
dataType: 'JSON',
async: false,
success: function(getdata) {
return getdata;
}
}).responseText;
var chartData = JSON.parse(secondData);
var dataSet = new AmCharts.DataSet();
dataSet.title = obj[i]['name'];
dataSet.fieldMappings = [{
fromField: "value",
toField: "value"
}, {
fromField: "volume",
toField: "volume"
}];
dataSet.dataProvider = chartData;
dataSet.categoryField = "date";
chart.dataSets.push(dataSet);
}
// first stock panel
var stockPanel1 = new AmCharts.StockPanel();
stockPanel1.showCategoryAxis = false;
stockPanel1.title = "Valor";
stockPanel1.percentHeight = 70;
// graph of first stock panel
var graph1 = new AmCharts.StockGraph();
graph1.valueField = "value";
graph1.comparable = true;
graph1.compareField = "value";
graph1.compareGraphBalloonText="[[value]] kwh"; //mostrar las unidades de medida en el balloon de las comparaciones
graph1.balloonText= "[[value]] kwh"; //mostrar las unidades de medida en el balloon
stockPanel1.addStockGraph(graph1);
// create stock legend
stockPanel1.stockLegend = new AmCharts.StockLegend();
stockPanel1.stockLegend.valueTextRegular="[[value]] kwh"; ////mostrar las unidades de medida en el legend
// second stock panel
var stockPanel2 = new AmCharts.StockPanel();
stockPanel2.title = "Volumen";
stockPanel2.percentHeight = 30;
var graph2 = new AmCharts.StockGraph();
graph2.valueField = "volume";
graph2.type = "column";
graph2.showBalloon = false;
graph2.fillAlphas = 1;
stockPanel2.addStockGraph(graph2);
stockPanel2.stockLegend = new AmCharts.StockLegend();
stockPanel2.stockLegend.valueTextRegular="[[value]] kwh"; ////mostrar las unidades de medida en el legend
// set panels to the chart
chart.panels = [stockPanel1, stockPanel2];
// OTHER SETTINGS ////////////////////////////////////
var scrollbarSettings = new AmCharts.ChartScrollbarSettings();
scrollbarSettings.graph = graph1;
scrollbarSettings.updateOnReleaseOnly = true;
scrollbarSettings.usePeriod = "10mm";
chart.chartScrollbarSettings = scrollbarSettings;
var cursorSettings = new AmCharts.ChartCursorSettings();
cursorSettings.valueBalloonsEnabled = true;
chart.chartCursorSettings = cursorSettings;
// PERIOD SELECTOR ///////////////////////////////////
var periodSelector = new AmCharts.PeriodSelector();
periodSelector.periods = [{
period: "hh",
count: 24,
label: "ddd"
}, {
period: "hh",
count: 48,
label: "dd"
}, {
period: "hh",
count: 120,
label: "ddd"
}, {
period: "hh",
count: 240,
label: "dia"
}, {
period: "MAX",
label: "MAX"
}];
chart.periodSelector = periodSelector;
var panelsSettings = new AmCharts.PanelsSettings();
panelsSettings.usePrefixes = true;
chart.panelsSettings = panelsSettings;
// DATA SET SELECTOR
var dataSetSelector = new AmCharts.DataSetSelector();
dataSetSelector.position = "left";
chart.dataSetSelector = dataSetSelector;
chart.write('chartdiv');
});
如果有人想要更多信息或有解决方案会很棒！！！！谢谢