Charts 为google图表中的点添加标签
谷歌图表是否支持向图表添加标签?我需要在图表中添加标签,但我不知道怎么做 我正在使用这样的函数绘制图表:Charts 为google图表中的点添加标签,charts,google-visualization,Charts,Google Visualization,谷歌图表是否支持向图表添加标签?我需要在图表中添加标签,但我不知道怎么做 我正在使用这样的函数绘制图表: function drawChart(node, rows) { var data = new google.visualization.DataTable(); data.addColumn('date', 'Date'); data.addColumn('number', 'Index'); data.addRows(rows); var opt
function drawChart(node, rows) {
var data = new google.visualization.DataTable();
data.addColumn('date', 'Date');
data.addColumn('number', 'Index');
data.addRows(rows);
var options = {
titleTextStyle: {
color: '#00FF00',
},
height: 350,
width: $('#' + node).width(),
pointsVisible: true,
colors:['#00FF00'],
backgroundColor: '#1b1b1b',
legend: {position: 'right', textStyle: {color: '#fff', fontSize: 12}},
pointShape: 'square',
annotations: {
textStyle: {
fontName: 'Times-Roman',
fontSize: 18,
bold: true,
italic: true,
color: '#e5d385',
},
stem: {
length: 0
}
},
hAxis: {
title: "Date",
titleTextStyle: {
color: '#fff'
},
format: 'dd.MM.yyyy',
gridlines: {count: 15, color: '#7d7d7d'},
baselineColor: '#fff',
slantedTextAngle: 45,
slantedText: true,
baselineColor: '#fff',
minorGridlines:{
color: "#494949"
},
textStyle:{color: '#FFF'},
ticks: ticksX
},
vAxis: {
title: "Index",
titleTextStyle: {
color: '#fff'
},
gridlines: {color: '#7d7d7d'},
minValue: 0,
baselineColor: '#fff',
minorGridlines:{
color: "#494949"
},
textStyle:{color: '#FFF'},
ticks: ticksY
},
};
var dataView = new google.visualization.DataView(data);
dataView.setColumns([
// reference existing columns by index
0, 1,
// add function for line color
{
calc: function(data, row) {
var colorDown = '#FF0000';
var colorUp = '#00FF00';
if ((row === 0) && (data.getValue(row, 1) < data.getValue(row + 1, 1))) {
return colorDown;
} else if ((row > 0) && (data.getValue(row - 1, 1) < data.getValue(row, 1))) {
return colorDown;
}
return colorUp;
},
type: 'string',
role: 'style',
}
]);
var chart = new google.visualization.LineChart(document.getElementById(node));
chart.draw(dataView, options);
}
功能绘图图(节点、行){
var data=new google.visualization.DataTable();
data.addColumn('date','date');
data.addColumn('number','Index');
data.addRows(行);
变量选项={
titleTextStyle:{
颜色:“#00FF00”,
},
身高:350,
宽度:$('#'+节点).width(),
观点可见:是的,
颜色:['#00FF00'],
背景颜色:“#1b1b1b”,
图例:{位置:'right',文本样式:{颜色:'#fff',字体大小:12}},
点形状:'正方形',
注释:{
文本样式:{
fontName:‘时代罗马’,
尺码:18,
黑体字:对,
斜体:对,
颜色:“#e5d385”,
},
茎:{
长度:0
}
},
哈克斯:{
标题:“日期”,
titleTextStyle:{
颜色:'#fff'
},
格式:“dd.MM.yyyy”,
网格线:{计数:15,颜色:'#7d7d'},
基线颜色:“#fff”,
倾斜角度:45,
是的,
基线颜色:“#fff”,
minorGridlines:{
颜色:“4949”
},
文本样式:{color:'#FFF'},
滴答声:滴答声
},
言辞:{
标题:“索引”,
titleTextStyle:{
颜色:'#fff'
},
网格线:{color:'#7d7d'},
最小值:0,
基线颜色:“#fff”,
minorGridlines:{
颜色:“4949”
},
文本样式:{color:'#FFF'},
滴答声:痒
},
};
var dataView=newgoogle.visualization.dataView(数据);
dataView.setColumns([
//按索引引用现有列
0, 1,
//添加线条颜色的函数
{
计算:函数(数据,行){
var colorDown='#FF0000';
var colorUp='#00FF00';
如果((行===0)和&(data.getValue(行,1)0)和&(data.getValue(行-1,1)
我找不到如何向图表添加标签的信息。所有文档都包含如何向图表轴添加标签的信息。我需要在折线图点上方添加标签
您能帮我一下吗?注释或标签是使用,
与样式列角色类似,已在使用 在这里,我向数据视图添加了一个注释列角色,
要显示最小值和最大值的标签
google.charts.load('current'{
软件包:['corechart']
}).然后(函数(){
var行=[];
var一天=(24*60*60*1000);
var currentEndDate=新日期();
var currentStartDate=新日期(currentEndDate.getTime()-(一天*365.25));
对于(var i=currentStartDate.getTime();i0)和&(data.getValue(行-1,1)
注释或标签是使用,
与样式列角色类似,已在使用 在这里,我向数据视图添加了一个注释列角色,
要显示最小值和最大值的标签
google.charts.load('current'{
软件包:['corechart']
}).然后(函数(){
var行=[];
var一天=(24*60*60*1000);
var currentEndDate=新日期();
var currentStartDate=新日期(currentEndDate.getTime()-(一天*365.25));
对于(var i=currentStartDate.getTime();i0)和&(data.getValue(行-1,1)
谢谢您的详细回答!谢谢你的详细回答!