Charts 工具提示没有';我不能在谷歌散点图中工作
我正在尝试使用谷歌图表创建散点图,但我似乎无法添加列作为工具提示。我阅读了各种资料,说明数据定义应为:Charts 工具提示没有';我不能在谷歌散点图中工作,charts,google-visualization,tooltip,Charts,Google Visualization,Tooltip,我正在尝试使用谷歌图表创建散点图,但我似乎无法添加列作为工具提示。我阅读了各种资料,说明数据定义应为: var data = new google.visualization.DataTable(); data.addColumn('string', 'Year'); data.addColumn('number', 'Sales'); // A column for custom tooltip content
var data = new google.visualization.DataTable();
data.addColumn('string', 'Year');
data.addColumn('number', 'Sales');
// A column for custom tooltip content
data.addColumn({type: 'string',role: 'tooltip',});
data.addRows([
['Name1', 1000, 'Tooltip string'],
['Name2', 1170, 'Tooltip string'],
['Name3', 660, 'Tooltip string'],
]);
但是,它不起作用
JSFiddle演示此问题:物料图表不支持列角色,
以及其他几个选项 见--> 对于自定义工具提示,您需要使用经典图表 material=
google.charts.Scatter
--包:'Scatter'
classic=google.visualization.ScatterChart
--包:'corechart'
请参阅以下工作片段
google.charts.load('current'{
“包”:[“核心图表”]
});
google.charts.setOnLoadCallback(drawChart);
函数绘图图(){
var data=new google.visualization.DataTable();
data.addColumn('string','Year');
data.addColumn('number','Sales');
//用于自定义工具提示内容的列
data.addColumn({
键入:“字符串”,
角色:“工具提示”,
});
data.addRows([
['Name1',1000',工具提示字符串'],
['Name2',1170',工具提示字符串'],
['Name3',660',工具提示字符串'],
]);
变量选项={
宽度:800,
身高:500,
图表:{
标题:“示例”,
},
};
var chart=new google.visualization.ScatterChart(document.getElementById('ScatterChart_material');
图表绘制(数据、选项);
}