TECH BLOG

MENU

MotionBoard

MotionBoard

MotionBoardは、棒グラフ等のチャートのデザインを柔軟に変更することが可能です。

チャート背景にはデフォルトで補助線が表示されていますが、ボードのデザインによっては少し古臭く見えてしまうかもしれません。

当記事ではグラフ背景の補助線を消して、今風のシンプルなチャートにする方法について解説をしています。

チャート背景の補助線を消す方法

チャート編集を開く

背景線を消したいチャートをクリックして、チャートメニューを開きます。

[共通設定>軸]の[軸]を開く

[共通設定>軸]の[軸]を選択します。

背景の線を非表示にする

数値軸の設定で、[背景の線を表示する]のチェックを外します。

続いて少し下にスクロールしていただいて、行軸の設定でも同様に[背景の線を表示する]のチェックを外します。

まとめ チャート背景の補助線を消す

上記の設定をするとチャートの背景の補助線を消すことができました!

もちろん、数値軸と行軸どちらか片方だけ表示という設定もできます。

チャートの種類によって補助線のデザインを統一するだけでも印象が変ってきます。

是非試してみてください。

この記事にリアクションしてみませんか?

  • 分かりやすい (0)
  • 問題が解決した (0)
ありがとうございます✨
プロフィールへ

ウイングアーク テクニカルエンジニア

ウイングアーク1stの技術部隊が記載しています。中の人は製品に詳しく、日頃からお客様と接点のある人です。お役立ち情報をたくさん書いていきますので、どうぞよろしくお願いします!

Related article

Related article関連記事

Pick up

Pick upおすすめ記事

invoiceAgentのWeb APIを使ってみる1 ログインとCookie処理

  • #API

2021.08.25

invoiceAgent

ユーザーごとに閲覧可能なデータを制御しよう!

  • #集計表
  • #データ加工

2021.02.26

Dr.Sum

まるでWebサイト!? 折りたたみメニューの作り方!

  • #集計表
  • #デザイン
  • #コンテナ
  • #ボタン

2021.01.13

MotionBoard

Ranking

Rankingランキング

1

Excelのデータを加工したい。~変換(横持ち⇔縦持ち)について~

  • #データ取り込み
  • #データ加工

2021.01.19

Dr.Sum

2

invoiceAgentのWeb APIを使ってみる5 検索&…

  • #API

2022.11.02

invoiceAgent

3

経過時間を時:分:秒で時刻表示したい!【320秒→05:20】

  • #グラフ

2022.08.02

MotionBoard

Info

Information

ウイングアーク1stからのお知らせ