My Google Gauge is showing blank on thing speak
42 ビュー (過去 30 日間)
古いコメントを表示
this is the JavaScript code i have written on under Thingspeak plugin > Google Guage
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'></script>
<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<script type='text/javascript'>
// set your channel id here
var channel_id = 1264170;
// set your channel's read api key here
var api_key = '8YD9SX9ZU17OEQ5N';
// list of name off the gauge and value
var value_names = ['','ON','BLOCK','TAPE'];
var gauge_names = ['OFF','Normal','Abnormal', 'Alert!'];
// global variables
var chart, charts, data;
// load the google gauge visualization
google.load('visualization', '1', {packages:['gauge']});
google.setOnLoadCallback(initChart);
// display the data
function displayData(point) {
data.setValue(0, 0, gauge_names[point]);
data.setValue(0, 1, point);
data.setFormattedValue(0, 1, value_names[point]); //Formatting font and font size is not possible in gauge chart
chart.draw(data, options);
}
// load the data
function loadData() {
// variable for the data point
var p;
// get the data from thingspeak
$.getJSON('https://api.thingspeak.com/channels/' + channel_id + '/feed/last.json?api_key=' + api_key, function(data) {
// get the data point
p = data.field3;
// if there is a data point display it
if (p) {
displayData(p);
}
});
}
// initialize the chart
function initChart() {
data = new google.visualization.DataTable();
data.addColumn('string', 'Label');
data.addColumn('number', 'Value');
data.addRows(1);
chart = new google.visualization.Gauge(document.getElementById('gauge_div'));
options = {width: 240, height: 240, max: 3, redFrom: 1.5, redTo: 3, greenFrom:0.5, greenTo: 1.5, minorTicks: 0, majorTicks: ["Off","","","Bad"]};
loadData();
// load new data every 1 second
setInterval('loadData()', 1000);
}
</script>
0 件のコメント
回答 (1 件)
Vinod
2021 年 1 月 1 日
Why not use the gauge widget? Any particular reason you want the Google gauge, specifically?
4 件のコメント
Christopher Stapels
2021 年 1 月 3 日
@Aniket In your channel view press the "add Widgets" button near the top of the channel view.
コミュニティ
その他の回答 ThingSpeak コミュニティ
参考
カテゴリ
Help Center および File Exchange で Web Services についてさらに検索
製品
Community Treasure Hunt
Find the treasures in MATLAB Central and discover how the community can help you!
Start Hunting!