2016-06-14 9 views
0

私はGoogleのチャートを構築し、このオプションのコードでこれを持っています:Googleのチャートオプションの内部JS変数(色)を使用する方法

options: { 
      'colors': ['#e0440e', '#e6693e', '#ec8f6e', '#f3b49f', '#f6c7b6'], 
     'chartArea': {width: '60%', left: 45}, 
     'legend' :'none', 
     'title':'some chart title' 
    } 

上記正常に動作しますが、私はとして変数を使用する必要があります色。だから、私がやりたいことはこれです:ここ

var newcolors = "'#e0440e', '#e6693e', '#ec8f6e', '#f3b49f', '#f6c7b6'"; 

いくつかのより多くのコード

options: { 
    'colors': [newcolors], 
    'chartArea': {width: '60%', left: 45}, 
    'legend' :'none', 
    'title':'some chart title' 
} 

が、私は、チャート上のエラー「'は有効なカラー文字列ではありません」を取得しています。私はこれが単なる文法エラーであり、私はばかげていると思います。事前に助けていただきありがとうございます。

答えて

2

あなたがnewcolorsを定義するとき、それは1つの長い文字列ですでなければなりません。 'colors': [newcolors]を実行すると、要素が1つの配列になります。長い文字列では、コンマが入ります。 オプションが期待するように見えるのは、複数の要素を持つ配列です(それぞれ1色)。

ですから、newcolors

var newcolors = ['#e0440e', '#e6693e', '#ec8f6e', '#f3b49f', '#f6c7b6'];colors: newcolorsを定義するときに、

代わりに

var newcolors = "'#e0440e', '#e6693e', '#ec8f6e', '#f3b49f', '#f6c7b6'"

+0

ありがとう、ありがとう、ありがとうございます。私はちょうどそれをテストしました!完璧に動作します。ありがとうございました! –

1

色は、アレイ

How to Customize Charts

var newcolors = ['#e0440e', '#e6693e', '#ec8f6e', '#f3b49f', '#f6c7b6'] 

options: { 
    'colors': newcolors, 
    ... 
} 
関連する問題