如何更改 google 图表 API 条形图上的标签颜色?
How can I change the label color on a google chart API bar chart?
我有一张图片可以完美地说明我的问题是什么,但我没有足够的分数来 post 它。
基本上,我有一个使用 Google 的 API 的条形图,我想在标签位于条形之外时将其着色为黑色。目前,它们与条形颜色相同,难以阅读。
有几件事是可变的,因为我有多个图表,我希望它们在字体、粗细等方面看起来一致,
options = {
chartArea: { width: '70%' },
tooltip: { textStyle: { fontSize: intFontSizeAnnotation } },
title: '',
vAxis: { title: '', textStyle: { fontName: default_font, fontSize: intFontSizeAxis }, titleTextStyle: { fontName: default_font, fontSize: intFontSizeTitle }, gridlines: { color: 'transparent' }, label: { color: '#000000' } },
hAxis: {
textStyle: { fontName: default_font, fontSize: intFontSizeAxis }, titleTextStyle: { fontName: default_font, fontSize: intFontSizeTitle },
minValue: min_overall_mpg_initMPGMake, maxValue: max_overall_mpg_initMPGMake, format: '0.00', title: 'Overall MPG', label: {color: '#000000'}
},
legend: 'none',
backgroundColor: 'transparent',
annotations: { textStyle: { fontName: default_font, fontSize: intFontSizeAnnotation, color: '#000000' } },
tooltip: { textStyle: { fontName: default_font, fontSize: intFontSizeTitle } }
};
mpg_make_data.unshift(['Type', 'MPG', { type: 'string', role: 'annotation' }, { role: 'style' }]);
drawChart('mpg-make', 'bar', mpg_make_data, options, 'mpg');
你可以用这个
标题文本样式:{
颜色:'#a34f8b'
}
我有一张图片可以完美地说明我的问题是什么,但我没有足够的分数来 post 它。
基本上,我有一个使用 Google 的 API 的条形图,我想在标签位于条形之外时将其着色为黑色。目前,它们与条形颜色相同,难以阅读。 有几件事是可变的,因为我有多个图表,我希望它们在字体、粗细等方面看起来一致,
options = {
chartArea: { width: '70%' },
tooltip: { textStyle: { fontSize: intFontSizeAnnotation } },
title: '',
vAxis: { title: '', textStyle: { fontName: default_font, fontSize: intFontSizeAxis }, titleTextStyle: { fontName: default_font, fontSize: intFontSizeTitle }, gridlines: { color: 'transparent' }, label: { color: '#000000' } },
hAxis: {
textStyle: { fontName: default_font, fontSize: intFontSizeAxis }, titleTextStyle: { fontName: default_font, fontSize: intFontSizeTitle },
minValue: min_overall_mpg_initMPGMake, maxValue: max_overall_mpg_initMPGMake, format: '0.00', title: 'Overall MPG', label: {color: '#000000'}
},
legend: 'none',
backgroundColor: 'transparent',
annotations: { textStyle: { fontName: default_font, fontSize: intFontSizeAnnotation, color: '#000000' } },
tooltip: { textStyle: { fontName: default_font, fontSize: intFontSizeTitle } }
};
mpg_make_data.unshift(['Type', 'MPG', { type: 'string', role: 'annotation' }, { role: 'style' }]);
drawChart('mpg-make', 'bar', mpg_make_data, options, 'mpg');
你可以用这个 标题文本样式:{ 颜色:'#a34f8b' }