谷歌图表不支持angularjs'；s视图…我将内联脚本代码放在ng视图中'；s页_Angularjs_Google Visualization

谷歌图表不支持angularjs'；s视图…我将内联脚本代码放在ng视图中'；s页

angularjs google-visualization

谷歌图表不支持angularjs'；s视图…我将内联脚本代码放在ng视图中'；s页,angularjs,google-visualization,Angularjs,Google Visualization,谷歌图表在angularjs的视图中不支持…我在ng视图的页面中放置了内联脚本代码 <html> <head></head> <body> <div class="slideshow" > <div id='slideshow1' class="slide" style='width: 900px; height: 300px;'></div> <div id='slideshow2' cl

谷歌图表在angularjs的视图中不支持…我在ng视图的页面中放置了内联脚本代码

<html>
<head></head>
<body>
<div class="slideshow" >
    <div id='slideshow1' class="slide" style='width: 900px; height: 300px;'></div>
    <div id='slideshow2' class="slide" style="display: none" style='width: 900px; height: 300px;'></div>
    <div id='slideshow3' class="slide" style="display: none" style='width: 900px; height: 300px;'></div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
    function startSlides(start, end, delay) {
        setTimeout(slideshow(start,start,end, delay), delay);
    }
    function slideshow(frame, start, end, delay) {
        return (function() {
            $('#slideshow' + frame).fadeOut();
            if (frame == end) { frame = start; } else { frame += 1; }
            setTimeout(function(){$('#slideshow' + frame ).fadeIn();}, 850);
            setTimeout(slideshow(frame, start, end, delay), delay + 850);
        })
    }
    // usage: startSlides(first frame, end frame, delay time);
    startSlides(1, 3, 3000);
</script>

    <script type='text/javascript' src='https://www.google.com/jsapi'></script>
    <script type='text/javascript'>
        google.load('visualization', '1', {packages:['corechart']});
        google.setOnLoadCallback(drawChart);
        function drawChart() {
            var data = google.visualization.arrayToDataTable([
                ['hour', 'Total API Requests'],
                ['1:00', 148411 ],
                ['2:00', 388119 ],
                ['3:00', 145930 ],
                ['4:00', 138300 ],
                ['5:00', 272510 ],
                ['6:00', 429966 ],
                ['7:00', 553685 ],
                ['8:00', 633561 ],
                ['9:00', 648881 ],
            ]);
            var options = {
                title: 'Samsung eu API Statistics',
                width:1000,
                height:300
            };
            var chart = new google.visualization.LineChart(document.getElementById('slideshow1'));
            chart.draw(data, options);
        }
    </script>
<script type='text/javascript'>
    google.load('visualization', '1', {packages:['corechart']});
    google.setOnLoadCallback(drawChart);
    function drawChart() {
        var data = google.visualization.arrayToDataTable([
            ['hour', 'Total API Requests'],
            ['1:00', 692423 ],
            ['2:00', 676998 ],
            ['3:00', 641638 ],
            ['4:00', 556973 ],
            ['5:00', 453528 ],
            ['6:00', 347283 ],
            ['7:00', 250954 ],
            ['8:00', 402833 ],
            ['9:00', 334050 ],
        ]);
        var options = {
            title: 'Samsung usa API Statistics',
            width:1000,
            height:300
        };
        var chart = new google.visualization.LineChart(document.getElementById('slideshow2'));
        chart.draw(data, options);
    }
</script>
<script type='text/javascript'>
    google.load('visualization', '1', {packages:['corechart']});
    google.setOnLoadCallback(drawChart);
    function drawChart() {
        var data = google.visualization.arrayToDataTable([
            ['hour', 'Total API Requests'],
            ['1:00', 441440 ],
            ['2:00', 495788 ],
            ['3:00', 528438 ],
            ['4:00', 570761 ],
            ['5:00', 628285 ],
            ['6:00', 570433 ],
            ['7:00', 557259 ],
            ['8:00', 577519 ],
            ['9:00', 612925 ],
        ]);
        var options = {
            title: 'Samsung asia API Statistics',width:1000,
            height:300

        };
        var chart = new google.visualization.LineChart(document.getElementById('slideshow3'));
        chart.draw(data, options);
    }
</script>
</body>
</html>


功能开始滑动（开始、结束、延迟）{
setTimeout（幻灯片放映（开始、开始、结束、延迟）、延迟）；
}
功能幻灯片（帧、开始、结束、延迟）{
返回（函数（）{
$（“#幻灯片放映”+帧）.fadeOut（）；
如果（frame==end）{frame=start；}否则{frame+=1；}
setTimeout（function（）{$（'#slideshow'+frame）.fadeIn（）；}，850）；
设置超时（幻灯片放映（帧、开始、结束、延迟），延迟+850）；
})
}
//用法：开始滑动（第一帧、结束帧、延迟时间）；
startSlides（1,3,3000）；
load（'visualization'，'1'，{packages:['corechart']}）；
setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
[‘小时’，‘API请求总数’]，
['1:00', 148411 ],
['2:00', 388119 ],
['3:00', 145930 ],
['4:00', 138300 ],
['5:00', 272510 ],
['6:00', 429966 ],
['7:00', 553685 ],
['8:00', 633561 ],
['9:00', 648881 ],
]);
变量选项={
标题：“三星欧盟API统计数据”，
宽度：1000，
身高：300
};
var chart=new google.visualization.LineChart（document.getElementById（'slideshow1'）；
图表绘制（数据、选项）；
}
load（'visualization'，'1'，{packages:['corechart']}）；
setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
[‘小时’，‘API请求总数’]，
['1:00', 692423 ],
['2:00', 676998 ],
['3:00', 641638 ],
['4:00', 556973 ],
['5:00', 453528 ],
['6:00', 347283 ],
['7:00', 250954 ],
['8:00', 402833 ],
['9:00', 334050 ],
]);
变量选项={
标题：“三星美国API统计数据”，
宽度：1000，
身高：300
};
var chart=new google.visualization.LineChart（document.getElementById（'slideshow2'）；
图表绘制（数据、选项）；
}
load（'visualization'，'1'，{packages:['corechart']}）；
setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
[‘小时’，‘API请求总数’]，
['1:00', 441440 ],
['2:00', 495788 ],
['3:00', 528438 ],
['4:00', 570761 ],
['5:00', 628285 ],
['6:00', 570433 ],
['7:00', 557259 ],
['8:00', 577519 ],
['9:00', 612925 ],
]);
变量选项={
标题：“三星亚洲API统计”，宽度：1000，
身高：300
};
var chart=new google.visualization.LineChart（document.getElementById（'slideshow3'）；
图表绘制（数据、选项）；
}

问题出在您的数据表中：

var data = new google.visualization.DataTable();
data.addColumn('string', 'Sample');
data.addColumn('number', 'Altitudine');
for (var i = 0; i < results.length; i++) {
    data.addRow(['', elevations[i].elevation]);
}

sampleCount

是采集的样本数（可以从路径选项或

elevations

数组的长度采集），而

pathLength

是路径的总长度。但是，我不知道如何从路径中获得路径长度

var data = new google.visualization.DataTable();
data.addColumn('number', 'Sample');
data.addColumn('number', 'Altitudine');
for (var i = 0; i < results.length; i++) {
    data.addRow([i * pathLength / sampleCount, elevations[i].elevation]);
}