HighChartsでCSSクラスを使用する

Question

（fontWeight、fontColorなど）などのハイチャートオプションでCSSスタイルを指定する代わりに、CSSクラスを使用してチャートのさまざまな要素をスタイリングすることは可能ですか？

Answer 1

はい、インラインstyleを上書きする唯一の方法であるため、!Importantを使用する必要があります。
あなたのチャットは、chart.rendertToオプションのIDを渡す必要のあるコンテンツでレンダリングされます。
などのように、チャートコンテナで要素を一致させることができます。多くの場合（ツールチップ、ラベル）で

#container text { 
    font-size: 14px !Important; 
} 

Demo

Answer 2

あなたは本当のようuseHTMLを設定し、CSSスタイルを使用して独自の要素を定義するために！重要または使用フォーマッタずにCSSスタイルを使用することができます。

例http://api.highcharts.com/highcharts#tooltip.useHTML

Answer 3

あなたhighchartsチャートは、あなたのhtmlでSVGです。 SVGのソースコードを調べて、クラスの名前を知ってから、CSSで使用することができます。 SVGに既定のスタイルが既に存在するため、！importantを追加する必要があります。 あなたがy軸ラベルのスタイルに

Answer 4

を定義するには、デフォルトのフォントの色、家族やスタイル

または

.highcharts-yaxis-labels text 
{ 
    (some css) 
} 

を定義するには

text { 
    fill:red !important; 
    font-family: "Arial" !important; 
    font-size : 12px !important; 
} 

を使用することができる。例えば

あなたはhighchartsの 'chart'オプションでcss class nameを使うことができますが、これらは変更されますエクスポートされたグラフに反映されません。

chart{ 
    type: 'line', 
    className: 'someCss' 
} 

CSS：

.someCss{ 
    border-top-left-radius: 25px; 
    font-weight: bold; 
    font-style: italic; 
} 

たとえば、