注釈の色は、Googleバーチャート以外のテキストのみを表示する場合

Question

Googleのbar chartがあり、フォントサイズと色を設定していますが、テキストがバーの外にある場合のみ色が適用されます。色を強制的に適用するにはどうすればいいですか？

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

Answer 1

ターンannotations.highContrastドキュメントから

オフ...

annotations.highContrastを使用すると、注釈色のGoogleのチャートの選択を上書きすることができます。
デフォルトでは、annotations.highContrastがtrueになり、Chartsはコントラストの良い注釈カラーを選択します。暗い背景には明るい色、明るくは暗くなります。
あなたがfalseにannotations.highContrastを設定し、独自の注釈の色を指定していない、Googleのチャートは、注釈のデフォルトのシリーズの色を使用する場合：

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