5

（fontWeight、fontColorなど）などのhighchartオプションでCSSスタイルを指定する代わりに、CSSクラスを使用してグラフのさまざまな要素のスタイルを設定することはできますか？

4

4 に答える 4

5

多くの場合（ツールチップ、ラベル）、useHTMLをtrueに設定してから、！importantなしでCSSスタイルを使用するか、フォーマッターを使用してCSSスタイルで独自の要素を定義できます。

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

于 2013-02-05T09:42:40.553 に答える
3

はい、!Importantinline をオーバーライドする唯一の方法であるため、使用する必要がありますstyle。
チャートは、chart.rendertToオプションで id を渡す必要がある一部のコンテンツでレンダリングされます。
したがって、次のように、チャート コンテナーごとに要素を一致させることができます。

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

デモ

于 2013-02-05T02:12:08.750 に答える
0

ハイチャート チャートは、html 内の SVG です。クラスの名前を知るには、SVG ソース コードを調べて、CSS で使用できるようにする必要があります。いくつかのデフォルト スタイルが SVG に既に存在するため、!important を追加する必要があります。

たとえば、使用できます

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

デフォルトのフォントの色、ファミリ、およびスタイルを定義するには

また

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

y 軸のラベル スタイルを定義する

于 2015-12-18T16:25:08.593 に答える
0

ハイチャートの 'chart' オプションで css クラス名を使用できますが、これらの変更はエクスポートされたチャートには反映されません。例えば：

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

CSS:

.someCss{
    border-top-left-radius: 25px;
    font-weight: bold;
    font-style: italic;
}
于 2016-09-16T16:58:44.043 に答える