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)


谢谢您的详细回答!谢谢你的详细回答!