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

乍得将军

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

基本上,我有一个使用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');
阿杰·克里希纳(Ajai Krishna)

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

条形图上的 Chart.js 标签

使用负值在条形图上移动注释 Google Chart

Chart.js-如何计算条形图上的Y轴?

更改堆叠条形图上的字体颜色

使用Google Chart API为堆叠的条形图着色

如何更改Google Organization Chart链接线的颜色和粗细?

如何创建水平堆叠的条形图,在条形图上本身以及条形图上的标签?

如何更改Chart.js水平条形图宽度?

更改条形图上的 x 和 y 标签

如何避免标签显示在堆积条形图上?

如何使用ggplot2在条形图上放置标签?

如何在matplotlib中获取条形图/堆叠条形图上的标签?

如何使用Chart.js将标签方块添加到条形图

如何在chart.js的条形图中隐藏y轴和x轴线以及标签

如何为ng2-chart条形图设置静态标签?

在 Chart.js 中,如何从堆积条形图中隐藏某些轴标签?

Chart.js(堆叠条形图)如何计算工具提示中标签的总和?

如何更改Google Charts API中堆积的条形图的部分颜色?

“如何在悬停时在条形图上显示数据并更改颜色?”

如何根据标签更改Chart.js点的颜色

堆叠条形图中注释的位置错误(Google Chart API)

使用Google Chart API在堆叠的条形图中使用符号进行注释

更改标签Chart.js的背景颜色

如何下载Google Chart API?

Google Material Chart柱形图(条形图)自定义列颜色不起作用

如何更改标签颜色-Donutchart Google API

如何更改此条形图上条形的顺序?

如何更改Angular-Chart.js的颜色

如何更改ng2-chart的颜色?