Javascript amCharts的动态指南
我可以通过以下方式将辅助线(垂直线)添加到图表中:Javascript amCharts的动态指南,javascript,php,charts,amcharts,Javascript,Php,Charts,Amcharts,我可以通过以下方式将辅助线(垂直线)添加到图表中: var guide1 = new AmCharts.Guide(); guide1.date = new Date(2014, 5, 27); guide1.lineColor = "#CC0000"; guide1.lineAlpha = 1; guide1.dashLength = 2; guide1.inside = true; guide1.labelRotation = 90;
var guide1 = new AmCharts.Guide();
guide1.date = new Date(2014, 5, 27);
guide1.lineColor = "#CC0000";
guide1.lineAlpha = 1;
guide1.dashLength = 2;
guide1.inside = true;
guide1.labelRotation = 90;
guide1.label = "Guide label";
stockPanel.categoryAxis.addGuide(guide1);
如何从数据库中的日期列表中动态添加这些指南?
我能用PHP生成每个脚本并将它们包含在我的脚本中吗
示例PHP(echoGuide.PHP):
<?php
$js = <<<JS
var guide1 = new AmCharts.Guide();
guide1.date = new Date(2014, 5, 27);
guide1.lineColor = "#CC0000";
guide1.lineAlpha = 1;
guide1.dashLength = 2;
guide1.inside = true;
guide1.labelRotation = 90;
guide1.label = "Guide label";
JS;
header("Content-type: text/javascript");
echo $js;
exit();
?>
var guide = AmCharts.loadJSON('echoGuide.php');
stockPanel.categoryAxis.addGuide(guide);
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 and return the output
return eval(request.responseText);
};
AmCharts.loadJSON:
<?php
$js = <<<JS
var guide1 = new AmCharts.Guide();
guide1.date = new Date(2014, 5, 27);
guide1.lineColor = "#CC0000";
guide1.lineAlpha = 1;
guide1.dashLength = 2;
guide1.inside = true;
guide1.labelRotation = 90;
guide1.label = "Guide label";
JS;
header("Content-type: text/javascript");
echo $js;
exit();
?>
var guide = AmCharts.loadJSON('echoGuide.php');
stockPanel.categoryAxis.addGuide(guide);
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 and return the output
return eval(request.responseText);
};
找到了一个解决方案:
gDates = AmCharts.loadJSON('db/fetchgDates.php');
for (var key_2 in gDates) {
var obj_2 = gDates[key_2];
var date_2_temp = new Date(obj_2['date']);
var guide = new AmCharts.Guide();
guide.date = date_2_temp;
guide.lineColor = "#CC0000";
guide.lineAlpha = 1;
guide.dashLength = 2;
guide.inside = true;
guide.labelRotation = 90;
guide.label = "test";
stockPanel.categoryAxis.addGuide(guide);
}