Saya telah membuat diagram batang menggunakan diagram Google, ini adalah Bagan INTI
Saya telah mencoba membuat diagram batang mengubah warna dan menambahkan informasi tooltip tambahan ke dalamnya, sehingga tooltip menampilkan lebih banyak informasi
Saya telah membaca dokumentasi Google dan saya tidak dapat melihat kesalahan apa yang saya lakukan
Agar mudah dibaca, ini adalah keluaran kode saya pada sumbernya
google.charts.load("current", {packages:['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var exams = [["Date", "Score",({type: 'string', role: 'tooltip'})], ["18 Oct", 39,"TEST"], ["26 Oct", 20,"TEST"], ["26 Oct", 0,"TEST"], ["27 Oct", 0,"TEST"], ["27 Oct", 0,"TEST"]];
if(exams.length > 1){
var data = google.visualization.arrayToDataTable(exams);
var view = new google.visualization.DataView(data);
view.setColumns([0, 1]);
var options = {
title: "Results",
width: 1170,
height: 700,
bar: {groupWidth: "95%"},
legend: { position: "none" }
};
var chart = new google.visualization.ColumnChart(document.getElementById("columnchart_values"));
chart.draw(view, options);
}
else{
$("#columnchart_values").html('No Data found to show graph');
}
}
Ini adalah dokumentasi Google yang saya ikuti, ini sedikit berbeda dengan dokumentasi saya karena saya mendapatkan data dari database, tetapi seharusnya memberikan output yang sama.
Saya telah melalui banyak contoh dan saya mereplikasinya sedekat mungkin dan tidak beruntung
https://developers.google.com/chart/interactive/docs/customizing_tooltip_content
Saya juga memiliki masalah yang sama persis dengan warna, saya tidak bisa mengubah warna pada diagram batang, keduanya memiliki masalah yang sama yaitu tidak melakukan apa-apa
Apakah saya melewatkan sesuatu??