【发布时间】:2019-03-31 23:31:23
【问题描述】:
我使用谷歌图表创建了一个条形图,这是一个核心图表
我尝试让条形图更改颜色并向其添加额外的工具提示信息,以便工具提示显示更多信息
我浏览了谷歌文档,但我看不出我做错了什么
为了便于阅读,这是我在源代码上的代码输出
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');
}
}
这是我一直关注的谷歌文档,略有不同 在我从数据库中获取数据时进行挖掘,但它应该提供相同的输出。
我已经经历了很多例子,我正在尽可能接近地复制它们,只是没有任何运气
https://developers.google.com/chart/interactive/docs/customizing_tooltip_content
我也有同样的颜色问题,我无法在条形图上更改颜色来改变两者都有相同的问题,即它什么都不做
我错过了什么吗??
【问题讨论】:
标签: charts google-visualization