注释颜色仅显示Google条形图之外的文本

Question

我有一个谷歌bar chart，我正在设置字体大小和颜色，但颜色仅适用于文本在栏外的情况。如何强制涂抹颜色？

 annotations: {
        textStyle: {
          fontSize: 18,
          color:'#000000'
        }
      }

Answer 1

关闭annotations.highContrast

来自文档...

  

annotations.highContrast 可让您覆盖注释颜色的Google Charts选项。
  默认情况下， annotations.highContrast 为true，这会导致图表选择具有良好对比度的注释颜色：深色背景上的浅色和浅色背景下的浅色。   如果您将 annotations.highContrast 设置为false并且不指定自己的注释颜色，Google图表将使用默认的系列颜色作为注释：

请参阅以下示例，请注意textStyle.auraColor

的使用

＆＃13;

＆＃13;

google.charts.load('current', {
  callback: function () {
    new google.visualization.ColumnChart(document.getElementById('chart_div')).draw(
      google.visualization.arrayToDataTable([
        ['Element', 'Density', { role: 'annotation' } ],
        ['Copper', 8.94, 'Cu' ],
        ['Silver', 10.49, 'Ag' ],
        ['Gold', 19.30, 'Au' ],
        ['Platinum', 21.45, 'Pt' ]
      ]),
      {
        annotations: {
          highContrast: false,
          textStyle: {
            auraColor: 'lime',
            color: '#000000',
            fontSize: 18
          }
        },
        colors: ['lime']
      }
    );
  },
  packages: ['corechart']
});

＆＃13;

<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>

＆＃13;

＆＃13;

＆＃13;

另一个选项可能是annotations.alwaysOutside