当前位置: 代码迷 >> JavaScript >> 如何更改Google Chart API条形图上的标签颜色?
  详细解决方案

如何更改Google Chart API条形图上的标签颜色?

热度:6   发布时间:2023-06-05 11:44:05.0

我有一张图片可以完美显示我的问题,但没有足够的积分来发布它。

基本上,我有一个使用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');

您可以使用以下titleTextStyle:{color:'#a34f8b'}

  相关解决方案