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