(fontWeight、fontColorなど)などのハイチャートオプションでCSSスタイルを指定する代わりに、CSSクラスを使用してチャートのさまざまな要素をスタイリングすることは可能ですか?HighChartsでCSSクラスを使用する
5
A
答えて
3
はい、インラインstyle
を上書きする唯一の方法であるため、!Important
を使用する必要があります。
あなたのチャットは、chart.rendertTo
オプションのIDを渡す必要のあるコンテンツでレンダリングされます。
などのように、チャートコンテナで要素を一致させることができます。多くの場合(ツールチップ、ラベル)で
#container text {
font-size: 14px !Important;
}
5
あなたは本当のようuseHTMLを設定し、CSSスタイルを使用して独自の要素を定義するために!重要または使用フォーマッタずにCSSスタイルを使用することができます。
0
あなたhighchartsチャートは、あなたのhtmlでSVGです。 SVGのソースコードを調べて、クラスの名前を知ってから、CSSで使用することができます。 SVGに既定のスタイルが既に存在するため、!importantを追加する必要があります。 あなたがy軸ラベルのスタイルに
0
を定義するには、デフォルトのフォントの色、家族やスタイル
または
.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;
}
たとえば、
関連する問題
- 1. PHPスクリプトでCSSクラスを使用する
- 2. princeXMLでhighchartsを使用するには?
- 3. Highcharts CSS Styling Axisフォント
- 4. jQuery MobileでCSSクラスを使用してアイコンを使用する
- 5. HighChartsでのhtml2Canvasの使用
- 6. 空白CodeIgniterのを使用してhighchartsで件のデータとhighcharts
- 7. HighChartsとDotNet.HighChartsを使用すると、シリーズ
- 8. Angular4 Highchartsタイプrequireエラーを使用する
- 9. ポリマー:iron-iconset-svgでCSSクラスを使用
- 10. PHPでアクティブなCSSクラスを使用
- 11. 使用してカスタムCSSクラス
- 12. Highchartsドリルダウンは、私がhighchartsを使用してい
- 13. CSSの埋め込みSVGでクラスを使用する
- 14. CSSでnot()疑似クラスを使用する別の方法
- 15. TinyMCE:formatselect-dropdown形式でCSSクラス属性を使用する
- 16. 前後のCSS疑似クラスを使用
- 17. CSSクラスを使用しないDrupalビュー
- 18. 通常のCSSクラスを使用して反応するインラインスタイルオブジェクトを使用する
- 19. Highchartsシリーズデータでエポックタイムを使用するには?
- 20. Highchartsで使用されたティックのみを表示する
- 21. Highcharts - Weekでプロットし、ラベルフォーマッタを使用する
- 22. vue.jsを使用してCSSクラスを変更できますか?
- 23. Zeppelin 0.7.2 org.apache.thrift.transport.TransportException(SparkとHighChartsを使用)
- 24. xslのfor-eachで異なるCSSクラスを使用
- 25. Highcharts - HighChartsナビゲータ用の特定のカラーゾーン
- 26. ng-repeatでng-repeatを使用してCSSクラスを適用する方法
- 27. jQueryのフィルタ使用してCSSクラス/サブクラス
- 28. javascriptを使用してJavaScriptを使用してCSSクラスを追加する(
- 29. HighchartsをReact-Nativeで使用できますか?
- 30. ブートストラップはブレークポイント(xs、md ...)でCSSクラスを使用します