我已经在各种星座中测试了这段代码,只有一个星座给了我一个我无法追踪的错误。也许其他有更多谷歌可视化经验的人可以看到这个问题。在这种情况下,获取 json 响应,然后我得到一个令牌错误,在错误消息中没有标识任何令牌,并且“错误暂停”不会在我的 js 或外部 js 中的任何地方暂停。然后,30 秒后。我的回调确实被调用了,但错误设置为超时(查询错误)。
这是您也可以在没有 SSL 的情况下测试的 URL
这是我的客户端 js,它适用于多种场景
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
var chartOptions = {
curveType: 'none',
//width: 1200,
height: 400,
vAxis: { maxValue: 10, title: 'kWh/4 (15 min)' },
hAxis: { title: 'Time' },
title: 'Live production log',
titlePosition: 'out',
titleTextStyle: { fontSize: 14, textIndent: 10 },
fontSize: 12
};
google.load("visualization", "1", { packages: ["corechart"] });
google.setOnLoadCallback(drawChart);
var _chart;
function drawChart() {
//GET GChart data
var query = new google.visualization.Query('https://cio-services.eu/demoOe2/Api/Insight/GetESiteEuoChart/?viewFlag=1&eSiteKid=4b92d450-b29d-47c0-943b-00890f56caf2&periodMin=7200&keyProp=KW15');
//set query parameters
//query.setQuery('select 1, 2');
query.send(drawTable);
}
function drawTable(response) {
//error checking
if (response.isError()) {
alert('Error in query: ' + response.getMessage() + '' + response.getDetailedMessage());
return;
}
//convert response to JSON string
var googleDataQuery = response.getDataTable().toJSON();
//Convert JSON to google Data table
var convertedData = new google.visualization.DataTable(googleDataQuery, 0.5);
//Initialize a specific data table sub set view and store into a variable
var view = new google.visualization.DataView(convertedData);
_chart.draw(view, chartOptions);
}
$(function () {
_chart = new google.visualization.LineChart(document.getElementById('chart_div'));
});
</script>