Google visualization 将类应用于Google条形图标签

Google visualization 将类应用于Google条形图标签,google-visualization,Google Visualization,我有一个谷歌条形图,它有一个条形标签,我正试图动态地向其中添加一个类。但是,我还没有找到一种方法来引用标签本身或添加类。该图表是从我正在构建的Google数据表创建的 以下是我试图实现的目标: 我觉得这应该很简单,但我在文档中找不到任何东西。有人知道答案吗?标签是由图表创建的svg元素 您可以将css应用于所有元素, 但这不仅仅包括您指定的标签 相反,建议使用以下图表选项设置标签样式 var options = { width: "100%", legend:

我有一个谷歌条形图,它有一个条形标签,我正试图动态地向其中添加一个类。但是,我还没有找到一种方法来引用标签本身或添加类。该图表是从我正在构建的Google数据表创建的

以下是我试图实现的目标:

我觉得这应该很简单,但我在文档中找不到任何东西。有人知道答案吗?

标签是由图表创建的svg
元素

您可以将css应用于所有
元素,
但这不仅仅包括您指定的标签

相反,建议使用以下图表选项设置标签样式

var options = {
        width: "100%",
        legend: 'none',
        backgroundColor: { fill: 'transparent' },
        chartArea: { width: '80%' },
        bar: { groupWidth: "50%" },
        animation: { "startup": true, duration: 1000, easing: 'in' },
        colors: ['#529736', '#007DB9', '#EC1C24'],
        fontSize: 10,
        hAxis: {
            direction: 1,
            title: 'Database'
        },
        vAxis: {
            title: 'Percent Of Successful Intervals',
            minValue: 75,
            format: '#',
            ticks: [75, 80, 85, 90, 95, 100]
        }
    };

 var table = new google.visualization.DataTable();
            table.addColumn('string', 'Database');
            table.addColumn('number', 'Percent of Successful Intervals');
            table.addColumn({ type: 'string', role: 'tooltip' });
            table.addColumn({ type: 'string', role: 'style' });


                    table.addRows([[
                    graphLabel,
                    percentRNI,
                    "Percentage: " + data.d[iCnt].RNIPct + "%\nRecords: " + data.d[iCnt].RNIRecordCount,
                    'fill-color: ' + getColor(percentRNI)
                    ]]);

                    table.addRows([[
                    "LDA",
                    percentLDA,
                    "Percentage: " + data.d[iCnt].LDAPct + "%\nRecords: " + data.d[iCnt].LDARecordCount,
                    'fill-color: ' + getColor(percentLDA)
                    ]]);

chart.draw(table, options);


它确实有用!我知道我在问题中没有提到这一点,但是有没有办法只将样式应用于其中一个标签?不使用标准的图表选项——但您可以在图表的
'ready'
事件触发(或者在本例中是
'animationfinish'
)后,使用jquery/javascript手动更改svg。。。
      hAxis: {
        textStyle: {
          color: <string>,
          fontName: <string>,
          fontSize: <number>,
          bold: <boolean>,
          italic: <boolean>
        }
      },