Я создал гистограмму, используя диаграммы Google, это CORE Chart
Я пытался заставить гистограмму изменять цвета и добавлять к ней дополнительную информацию о всплывающей подсказке, чтобы подсказка отображала немного больше информации
Я просмотрел документацию Google и не могу понять, что я делаю неправильно
Для удобства чтения это вывод моего кода из исходного кода
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');
}
}
Это документация Google, за которой я следил, она немного отличается
мне, поскольку я получаю свои данные из базы данных, но это должно дать тот же вывод.
Я прошел через множество примеров и копирую их как можно ближе, но просто не везет
https://developers.google.com/chart/interactive/docs/customizing_tooltip_content
У меня также точно такая же проблема с цветом, я не могу получить цвета на гистограммах, чтобы изменить обе, с той же проблемой, что просто ничего не делает
Я что-то упустил ??