2017-08-28 28 views
0
を設定

Amcharts継承フォントまたは全ての要素のフォント

すべてのAmcharts要素のフォントを一括してグローバルに設定する方法はありますか?以下のような 何か:これらのソリューションのどちらが作業している

$('.amcharts').find('*').css('font-family', 'Not the Default AmCharts Font'); 

AmCharts.defaultFontFamily = 'Not the Default AmCharts Font'; 

は、私はまたのようなjQueryのソリューションのいくつかの並べ替えと幸せになると思います。

私は本当にこのように影響を与えるだろう、少なくとも以下: グラフタイトル 、 は、軸が ラベルAxesのタイトル、グラフは ラベル、バルーンテキスト 、伝説は伝説がAmChartsので

答えて

1

値、 ラベルあなたはおそらくトンであるこのついて行くには別の方法フォント

.yourchartclass * { 
    font-family: 'Impact' !important; 
} 

を上書きする!importantを使用する必要があります、インラインスタイルと属性を使用していますo AmCharts.addInitHandlerメソッドを利用して、グローバルなinitリスナを作成します。このリスナは、必要な数のチャートで実行され、初期化中にfontFamilyとその他のプロパティが設定されます。例:

AmCharts.addInitHandler(function(chart) { 
    chart.fontFamily = 'Oswald'; 
    chart.fontSize = 16; 
}); 

また、initHandlerの実行範囲を制限するために、グラフの種類の配列を指定することもできます。ここではアクションでこののdemo

AmCharts.addInitHandler(function(chart) { 
    if (chart.useLato) { 
    chart.fontFamily = "Lato"; 
    chart.fontSize = 16; 
    } else if (chart.useRoboto) { 
    chart.fontFamily = "Roboto"; 
    chart.fontSize = 12; 
    } else { 
    chart.fontFamily = "Oswald"; 
    chart.fontSize = 12; 
    } 
}); 

:また、あなたのチャートオブジェクトにカスタムフラグを追加して、たとえば、あなたが設定したい設定を判断するためにそれらを使用することができます。

+0

素晴らしい!私はすでに '!important' CSSオーバーライドを試していましたが、これはうまくいきませんでしたが、initハンドラは完璧でした。 –

+1

私がcodepenを試している間、奇妙な、 '!important'が私のために働いていました。チャートで生成された[CSSクラス名](http://www.amcharts.com/tutorials/css-class-names/)のリストを参照することもできます( 'addClassNames'をtrueに設定する必要があります)あなたがCSSを使ってそれを行うことを好むなら、テキスト要素を直接スタイルするためにそのルートに行きます。 – xorspark

関連する問題