Javascript 尝试在amcharts中动态添加辅助线时出错_Javascript_Html_Dynamic_Charts_Amcharts

Javascript 尝试在amcharts中动态添加辅助线时出错

javascript html dynamic charts

Javascript 尝试在amcharts中动态添加辅助线时出错,javascript,html,dynamic,charts,amcharts,Javascript,Html,Dynamic,Charts,Amcharts,因此，我在通过.addGuide（guide）动态插入辅助线（图表中的垂直/水平线）时遇到问题，每次我都会遇到错误： index.html:99 Uncaught TypeError: chart.categoryAxis.addGuide is not a function 顺便说一下，这是一个测试文件，因为我在我的主项目中不断遇到相同的错误我的测试代码： <html> <head> <meta charset="utf-8"></met

因此，我在通过.addGuide（guide）动态插入辅助线（图表中的垂直/水平线）时遇到问题，每次我都会遇到错误：

index.html:99 Uncaught TypeError: 
chart.categoryAxis.addGuide is not a function

顺便说一下，这是一个测试文件，因为我在我的主项目中不断遇到相同的错误

我的测试代码：

<html>
<head>
    <meta charset="utf-8"></meta>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"></meta>

    <meta http-equiv="X-UA-Compatible" content="IE=edge"></meta>
    <title>-</title>
<link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/export.css" type="text/css" media="all" />

</head>

<div id="chartdiv" style="width:100%;height:400px;background-color:white;"</div>

<script type="text/javascript" src="https://www.amcharts.com/lib/3/amcharts.js"></script>
<script type="text/javascript" src="https://www.amcharts.com/lib/3/serial.js"></script>
<script type="text/javascript" src="https://www.amcharts.com/lib/3/themes/light.js"></script>
<script src="https://www.amcharts.com/lib/3/plugins/export/export.min.js"></script>

<script>

var chart;
var chartData = [];

chartData.push( {
  "dienos": "2016-05-03",// x axis
  "rad": "0.11"  // y axis
} );

    chart =  AmCharts.makeChart("chartdiv", { // target div
 "type": "serial",
 "theme": "light",
 "marginRight": 40,
 "marginLeft": 40,
 "autoMarginOffset": 20,
 "mouseWheelZoomEnabled":true,
 "dataDateFormat": "YYYY-MM-DD",
 "valueAxes": [{
         "id": "v1",
         "axisAlpha": 0,
         "position": "left",
 "title":"usv/h",   // title of Y axis
         "ignoreAxisWidth":true
 }],
 "balloon": {
         "borderThickness": 1,
         "shadowAlpha": 0
 },
 "graphs": [{
         "id": "g1",
         "balloon":{
             "drop":false,
             "adjustBorderColor":false,
             "color":"#ffffff"
         },
         "bullet": "round",
         "bulletBorderAlpha": 1,
         "bulletColor": "#FFFFFF",
         "bulletSize": 5,
         "hideBulletsCount": 50,
         "lineThickness": 2,
         "title": "dienos",
         "useLineColorForBulletBorder": true,
         "valueField": "rad",   // name of value Y field
         "balloonText": "<span style='font-size:18px;'>[["+"rad"+"]]</span>"
 }],
 "chartScrollbar": {
         "graph": "g1",
         "oppositeAxis":false,
         "offset":30,
         "scrollbarHeight": 80,
         "backgroundAlpha": 0,
         "selectedBackgroundAlpha": 0.1,
         "selectedBackgroundColor": "#888888",
         "graphFillAlpha": 0,
         "graphLineAlpha": 0.5,
         "selectedGraphFillAlpha": 0,
         "selectedGraphLineAlpha": 1,
         "autoGridCount":true,
         "color":"#AAAAAA"
 },
 "chartCursor": {
         "pan": true,
         "valueLineEnabled": true,
         "valueLineBalloonEnabled": true,
         "cursorAlpha":1,
         "cursorColor":"#258cbb",
         "limitToGraph":"g1",
         "valueLineAlpha":0.2,
         "valueZoomable":true
 },
 "valueScrollbar":{
     "oppositeAxis":false,
     "offset":50,
     "scrollbarHeight":10
 },
 "categoryField": "dienos", // name of X axis
 "categoryAxis": {
 "title":"DIENOS",      // title of X axis
         "parseDates": true,
         "dashLength": 1,
         "minorGridEnabled": true
 },
 "dataProvider":chartData
});

var date      = "2016-05-03";
var guide     = new AmCharts.Guide();

// Change some settings
guide.label = date;
guide.position = "top";
guide.lineAlpha = 1;
guide.labelRotation = 90;
guide.lineColor = "#575e71";

guide.date = date;
chart.categoryAxis.addGuide(guide); // error on here, altough error is not on this line

chart.validateNow();

</script>


</body>
</html>


-
所以我找到了原因：
谷歌地图API脚本是原因，它不知怎么搞砸了amcharts
在GoogleMapsAPI脚本中，我试图创建一个带有多个标记的地图
所以伙计们要小心跨脚本错误！
我花了几个小时才找到原因