注释颜色仅在文本位于 Google 条形图之外时显示

Question

我有一个谷歌条形图，我正在设置字体大小和颜色，但是颜色仅适用于文本位于条形图之外的情况。如何强制应用颜色？

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

Answer 1

关annotations.highContrast

从文档中...

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

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

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']
});

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

另一种选择可能是annotations.alwaysOutside