Merhaba arkadaşlar.
Elimde bir kod parçası var ve javascript ve HTML ile ilgilenmeye yeni başladım.Öncelikle size kod parçasını sunayım.
- [ Tüm kodu seç ] [ Yeni Pencerede Göster ]
<html>
<head>
<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<script type='text/javascript'>
google.load('visualization', '1', {packages:['gauge']});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Label', 'Value'],
['Memory', 80],
['CPU', 55],
['Network', 68]
]);
var options = {
width: 400, height: 120,
redFrom: 90, redTo: 100,
yellowFrom:75, yellowTo: 90,
minorTicks: 5
};
var chart = new google.visualization.Gauge(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id='chart_div'></div>
</body>
</html>
Mesela
Proje adı: (select list seçenekleri burada olacak.Örnek olarak mert projesi olsun.Yukarıdaki kodda memory, cpu ve network değerleri var.Onları da mert içinde bulunan sayı değerlerine göre değiştirmeliyim.Mesela mert projesinde bu değerler memory = 96, cpu = 100, network = 78 olduğunda gaugemiz bu değerleri göstermeli.Proje ahmet olduğunda yine farklı değerler girilecek şekilde olmalı.)
mert projesine ait 3 farkle sayı değeri olacak maximum 100e kadar.Ve onlara göre gauge hareket edecek.Farklı bir proje seçildiğinde yine farklı projedeki sayı değerlerine göre gauge hareket edecek.
Not : Yukarıdaki kod Google Developer tarafından zaten sunuluyor.
Yardımlarınız için şimdiden teşekkür ederim.