[解決済み】Chart.js v2 - グリッド線を隠す
2022-04-15 19:01:30
質問
Chart.js v2を使って、簡単な折れ線グラフを描いています。すべてがうまくいっているように見えますが、いらないグリッド線があるのが残念です。
Line Chartのドキュメントはこちらです。 https://nnnick.github.io/Chart.js/docs-v2/#line-chart しかし、これらのグリッド線を非表示にする方法が見当たりません。
グリッド線を消すにはどうしたらいいですか?
解決方法は?
折れ線グラフのグリッド線を非表示にする方法を発見しました。
を設定します。
gridLines
の色を、divの背景色と同じにします。
var options = {
scales: {
xAxes: [{
gridLines: {
color: "rgba(0, 0, 0, 0)",
}
}],
yAxes: [{
gridLines: {
color: "rgba(0, 0, 0, 0)",
}
}]
}
}
または
var options = {
scales: {
xAxes: [{
gridLines: {
display:false
}
}],
yAxes: [{
gridLines: {
display:false
}
}]
}
}
関連
-
親子コンポーネント通信を解決する3つのVueスロット
-
Vueがechartsのtooltipにクリックイベントを追加するケーススタディ
-
JavaScriptにおけるマクロタスクとミクロタスクの詳細
-
元のイベントが実行されなかった後に要素を追加するためのjQueryソリューション
-
vue for 登録ページ効果 vue for sms 認証コードログイン
-
JavaScriptのクロージャの説明
-
JavaScriptの配列共通メソッド解説
-
[解決済み】Node.js getaddrinfo ENOTFOUND
-
[解決済み] webpackでjQueryプラグインの依存関係を管理する
-
[解決済み] chart.js v2によるチャートの凡例の削除
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
vue3レスポンシブ対応のためのsetup+ref+reactive
-
Vueの要素ツリーコントロールに破線を追加する説明
-
Javascript Bootstrapのグリッドシステム、ナビゲーションバー、ローテーションの説明
-
vueが定義するプライベートフィルタと基本的な使い方
-
[解決済み】Node.js getaddrinfo ENOTFOUND
-
[解決済み】TypeScript-のAngular Frameworkエラー - "exportAsがngFormに設定されたディレクティブはありません"
-
nodejs unhandledPromiseRejectionWarning メッセージ
-
HTML5 LocalStorage ローカルストレージとセッションストレージの使用法
-
フロントエンド非同期(アシンク)ソリューション(全ソリューション)
-
jq は html ページとデータを動的に分割する。