gpt4 book ai didi

html - 出现错误 : LineChart not a constructor, 并且图表未显示在网页中

转载 作者:太空宇宙 更新时间:2023-11-04 00:06:02 25 4
gpt4 key购买 nike

我有一个 HTML 文件,该文件应该显示一个图表,该图表将显示过去几分钟内特定流程的详细信息。当我声明时它给出如下错误google.charts.load('current', {'packages':['line']});
google.charts.setOnLoadCallback($scope.drawChart);

Uncaught (in promise) TypeError: google.visualization.LineChart is not a constructor at $scope.drawChart

我不知道如何调用这个函数。以下是我的 Controller JS 文件中的代码。

$scope.drawChart = function() {

var finaldata = [[{label:'Process', type: 'string'}, {label: 'NumOfNewAssociations', type: 'number'}, {label: 'NumOfClosedAssociations', type: 'number'}, {label: 'NumOfSavedImages', type: 'number'}, {label: 'SizeOfSavedImagesInBytes', type: 'number'}]];
for (var i = 1; i < 2/*$scope.storestats2.length*/; i++) {
finaldata[i] = [$scope.storestats2.Process, $scope.storestats2.NumOfNewAssociations, $scope.storestats2.NumOfClosedAssociations, $scope.storestats2.NumOfSavedImages, $scope.storestats2.SizeOfSavedImagesInBytes];
}

var data = google.visualization.arrayToDataTable(finaldata);
var options = {
chart: {
title: 'Range-wise Store statistics',
subtitle: 'in the last 30 minutes'
},
width: 900,
height: 500
};
var chart = new google.visualization.LineChart(document.getElementById('linechart_material'));
chart.draw(data, google.charts.Line.convertOptions(options));
};

我什至尝试在 HTML 文件中包含以下内容:

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>

这就是我打算在 HTML 中调用该函数的位置:

<div id="linechart_material" style="width: 900px; height: 500px"></div>

我还可以看到网页中分配的空间,但上面没有显示任何内容。除了这个图表之外,所有其他功能都工作得很好。我什至尝试只做一张图表。还是一样。但是当我将其作为单独的 HTML 文件并嵌入 JS Controller 和其他本地定义的数组时,代码可以正常工作。但我无法让它在我的上下文中工作,它必须位于不同的文件中。

最佳答案

我无意中发现了这个问题的解决方案。但我仍然不知道它是如何解决的以及为什么。

我所要做的就是仅更改一行代码:

我必须改变:

var chart = new google.visualization.LineChart(document.getElementById('linechart_material'));

进入

var chart = new google.charts.Line(document.getElementById('linechart_material'));

关于html - 出现错误 : LineChart not a constructor, 并且图表未显示在网页中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52255989/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com