Chart.jsツールチップの背景色の設定

ドライ

ツールチップの背景色を変更しようとしていますが、キーを変更しているように見えます:https//jsfiddle.net/1ez0Lo8a/バーにカーソルを合わせるとツールチップの黒い背景を参照します。

tooltips: {
                yAlign: 'bottom',
                callbacks: {
                    labelColor: function(tooltipItem, chart) {
                        return {
                            backgroundColor: 'rgb(255, 0, 0)'
                        }
                    },
                }

さらに、ご覧のとおり、軸を削除することができましたが、これらの設定のいずれも、一番下の水平軸を削除していません。誰かがそれを削除する方法もアドバイスできますか?

Nihar sarkar

ツールチップのすぐ下にあるbackgroundColorプロパティを使用します。

このコードを試してください:

 tooltips: {
                    yAlign: 'bottom',
                    callbacks: {
                        labelColor: function(tooltipItem, chart) {
                            return {
                                backgroundColor: 'rgb(255, 0, 0)'
                            }
                        },
                    },
            backgroundColor: '#227799'
                }

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

Chart.js-特定のデータセット要素のPieChart定義の背景色

分類Dev

Haskell Chartパッケージでチャートの背景色を設定するにはどうすればよいですか?

分類Dev

ツールチップの正方形にカスタムカラーを設定するChart.js

分類Dev

Chart.jsのマルチラベルツールチップ

分類Dev

Chart.js折れ線グラフセットの背景色

分類Dev

ラベルChart.jsの背景色を変更します

分類Dev

chart.jsでツールチップタイトルのデフォルトのコールバックを設定する方法

分類Dev

Chart.js:ツールチップラベルの色付け

分類Dev

Chart.jsデータの背景色がポイントの背景色を上書きしています

分類Dev

Chart.jsのツールチップが表示されない

分類Dev

Chart.jsのツールチップが表示されない

分類Dev

Chart.JSxAxisの代替背景色

分類Dev

datagriddatatableのバインドと特定のセルのツールチップと背景色の設定

分類Dev

Chart.js 2.0ドーナツツールチップの割合

分類Dev

Chart.js:ツールチップテンプレートの変更

分類Dev

Chart.jsパイのツールチップがカットされる

分類Dev

chart.jsの異なるx軸とツールチップ形式

分類Dev

Chart.jsのツールチップ値は2行で表示されます

分類Dev

Chart.js-ツールチップで任意の点を描画します

分類Dev

Chart.JSで単一のツールチップを表示しますか?

分類Dev

Google Chart ツールチップの位置の問題

分類Dev

EclipseOxygenの黒い背景色のツールチップ

分類Dev

CSSツールチップの背景色を非表示

分類Dev

チャート上の任意の時点でのChart.jsツールチップ

分類Dev

Chart.js-複数のチャートでのツールチップの問題

分類Dev

混合チャートのChart.jsツールチップホバーのカスタマイズ

分類Dev

Chart.jsドーナツグラフのサイズ設定

分類Dev

Chart.js 2.0ドーナツグラフのツールチップをカスタマイズする方法

分類Dev

特定のデータラベルのchart.jsでツールチップを非表示にする方法は?

Related 関連記事

  1. 1

    Chart.js-特定のデータセット要素のPieChart定義の背景色

  2. 2

    Haskell Chartパッケージでチャートの背景色を設定するにはどうすればよいですか?

  3. 3

    ツールチップの正方形にカスタムカラーを設定するChart.js

  4. 4

    Chart.jsのマルチラベルツールチップ

  5. 5

    Chart.js折れ線グラフセットの背景色

  6. 6

    ラベルChart.jsの背景色を変更します

  7. 7

    chart.jsでツールチップタイトルのデフォルトのコールバックを設定する方法

  8. 8

    Chart.js:ツールチップラベルの色付け

  9. 9

    Chart.jsデータの背景色がポイントの背景色を上書きしています

  10. 10

    Chart.jsのツールチップが表示されない

  11. 11

    Chart.jsのツールチップが表示されない

  12. 12

    Chart.JSxAxisの代替背景色

  13. 13

    datagriddatatableのバインドと特定のセルのツールチップと背景色の設定

  14. 14

    Chart.js 2.0ドーナツツールチップの割合

  15. 15

    Chart.js:ツールチップテンプレートの変更

  16. 16

    Chart.jsパイのツールチップがカットされる

  17. 17

    chart.jsの異なるx軸とツールチップ形式

  18. 18

    Chart.jsのツールチップ値は2行で表示されます

  19. 19

    Chart.js-ツールチップで任意の点を描画します

  20. 20

    Chart.JSで単一のツールチップを表示しますか?

  21. 21

    Google Chart ツールチップの位置の問題

  22. 22

    EclipseOxygenの黒い背景色のツールチップ

  23. 23

    CSSツールチップの背景色を非表示

  24. 24

    チャート上の任意の時点でのChart.jsツールチップ

  25. 25

    Chart.js-複数のチャートでのツールチップの問題

  26. 26

    混合チャートのChart.jsツールチップホバーのカスタマイズ

  27. 27

    Chart.jsドーナツグラフのサイズ設定

  28. 28

    Chart.js 2.0ドーナツグラフのツールチップをカスタマイズする方法

  29. 29

    特定のデータラベルのchart.jsでツールチップを非表示にする方法は?

ホットタグ

アーカイブ