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

标签 javascript charts google-visualization

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

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

关于javascript - 如何更改 google Chart API 条形图上的标签颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31727701/

相关文章:

javascript - 如何在客户端 Javascript 中创建文件对象进行单元测试?

vba - Excel VBA - 复制图表并粘贴为增强的图元文件

javascript - Highcharts : stacked grouped column

SVG 与基于 HTML5 Canvas 的图表

javascript - 绘制折线图时 IE8 崩溃 - 所有其他浏览器都可以工作

javascript - 可以将 MooTools 类定义为 Browserify 模块吗?

浏览器上的 JavaScript 模块

javascript - 将 React/Enzyme/Jest 与 Nextjs 一起使用时是否可以获取整页 html?

javascript - Chart JS 中的旋转图表

javascript - 如何向柱形图中的条形图添加不同的颜色