スプレッドシートでデータの傾向をひと目で把握したいとき、SPARKLINE関数が役立ちます。しかし、初期設定のままでは色や線幅が決まっており、見た目を調整したいと感じる方も多いでしょう。この記事では、SPARKLINEの色と線幅をはじめ、さまざまなオプションでカスタマイズする方法を詳しく解説します。基本的な設定から応用までを押さえ、好みの見た目に変更できるようになります。
【要点】SPARKLINEの色・線幅を変更する3つのポイント
- color オプションで線の色を変更: 折れ線グラフの場合、
colorに色名または16進数カラーコードを指定することで、ラインの色を自由に変えられます。 - linewidth オプションで線の太さを指定: 折れ線グラフでは
linewidthに数値(例:2)を設定すると、線の太さをピクセル単位で調整できます。 - 縦棒グラフではserie_color や color1〜color5 で色を個別設定: カラムチャートの場合、
serie_colorですべての棒に同じ色を、color1からcolor5で各データの色を個別に指定できます。
ADVERTISEMENT
目次
SPARKLINEのカスタマイズ機能の概要
SPARKLINE関数は、セル内にコンパクトなグラフを描画できる便利な関数です。折れ線グラフ(line)、縦棒グラフ(column)、勝敗グラフ(winloss)、棒グラフ(bar)の4種類が用意されており、それぞれに専用のオプションがあります。カスタマイズの基本は、第3引数にオプションを指定することです。オプションは「オプション名:値」の形式で記述し、複数ある場合はカンマで区切ります。例えば、色の変更にはcolor、線幅の変更にはlinewidthといった名前を使います。オプション名はすべて小文字で、値は数値や文字列で指定します。
折れ線グラフの色と線幅を変更する手順
折れ線グラフ(line)は、colorオプションで線の色、linewidthオプションで線の太さを変更できます。実際の手順を見ていきましょう。
- 基本的なSPARKLINEを入力する
グラフにしたいデータ範囲を指定して、=SPARKLINE(A1:A5)のように入力します。デフォルトでは折れ線グラフ(line)が表示されます。 - 色を指定するオプションを追加する
第3引数にオプションとして{"color", "red"}と記述します。色名の代わりに16進数(例:"#ff0000")も使えます。書式は=SPARKLINE(A1:A5, {"color", "blue"})のようになります。 - 線幅を指定する
線の太さを変更するには、linewidthオプションを使用します。例えば=SPARKLINE(A1:A5, {"color", "blue"; "linewidth", 3})とすると、青色の太さ3ピクセルの線が表示されます。セミコロンでオプションを区切る点に注意してください。 - その他のオプションを組み合わせる
折れ線グラフでは他にも、fill(塗りつぶし色)、xminやxmax(X軸の範囲)なども指定できます。例えば=SPARKLINE(A1:A5, {"color", "green"; "linewidth", 2; "fill", true})とすると、線の下が塗りつぶされます。
縦棒グラフの色を変更する手順
縦棒グラフ(column)では、色の指定方法が少し異なります。すべての棒に同じ色を設定するか、各データごとに色を変えることができます。
- チャートタイプをcolumnに設定する
第2引数で"column"を指定します。例:=SPARKLINE(A1:A5, "column") - すべての棒に同じ色を指定する
オプション{"color", "orange"}を追加します。例:=SPARKLINE(A1:A5, "column", {"color", "orange"}) - 各データごとに色を指定する
color1からcolor5まで5つの色を個別に指定できます。例えば=SPARKLINE(A1:A5, "column", {"color1", "red"; "color2", "blue"; "color3", "green"})とすると、最初の3つの棒だけ指定した色になります。4つ目以降はデフォルト色のままです。 - serie_color で一括指定する
serie_colorオプションを使うと、すべての棒を同じ色にできます(colorと似ています)。例:=SPARKLINE(A1:A5, "column", {"serie_color", "purple"})
SPARKLINEカスタマイズの注意点とよくある失敗
オプション名のスペルミスに注意する
オプション名はすべて小文字で、正しいスペルで入力する必要があります。例えばlinewidthをlinewidthと間違えたり、colorをcolourと書くとエラーになります。特にlinewidthは「line」と「width」の間にスペースが入らないように注意しましょう。
16進数カラーコードの先頭に#を忘れない
16進数で色を指定する場合、"#FF0000"のように先頭に「#」が必要です。"FF0000"と書くとエラーになります。また、6桁のコードを正しく入力しましょう。
縦棒グラフの個別色指定は最大5色まで
縦棒グラフのcolor1からcolor5は、データが5つ以下の場合に有効です。6つ以上のデータがある場合、6番目以降はデフォルトの色が適用されます。すべての棒に個別の色を割り当てたい場合は、データ数を5つ以下に分割するか、別の方法を検討しましょう。
fillオプションは折れ線グラフのみ有効
折れ線グラフでfillオプションをtrueにすると、線の下の領域が塗りつぶされます。しかし、このオプションは縦棒グラフや棒グラフでは使えません。チャートタイプに応じたオプションを正しく選びましょう。
ADVERTISEMENT
折れ線グラフと縦棒グラフのカスタマイズオプション比較
| オプション名 | 折れ線グラフ(line) | 縦棒グラフ(column) |
|---|---|---|
| color | 線の色を指定します(例:”red”) | すべての棒の色を指定します |
| linewidth | 線の太さを数値で指定します(例:2) | 使用できません |
| fill | 線の下を塗りつぶすかどうか(true/false) | 使用できません |
| color1〜color5 | 使用できません | 各データの色を個別に指定します(1〜5) |
| serie_color | 使用できません | すべての棒に同じ色を指定します(colorと同じ) |
まとめ
SPARKLINEの色や線幅を変更するには、第3引数にcolorやlinewidthなどのオプションを正しく指定することが重要です。折れ線グラフでは線の色と太さ、縦棒グラフでは棒の色を個別または一括で調整できます。これらのカスタマイズを活用すれば、データの見た目をわかりやすく改善できるでしょう。さらに、fillやserie_colorなど他のオプションも試してみてください。たとえば、複数のSPARKLINEを並べて色分けすることで、比較が容易になります。
ADVERTISEMENT
超解決 第一編集部
疑問解決ポータル「超解決」の編集チーム。正確な検証と、現場視点での伝わりやすい解説を心がけています。
Googleスプレッドシートの人気記事ランキング
- 【Googleスプレッドシート】GOOGLEFINANCE関数で株価・為替を取得!リアルタイムデータの呼び出し
- 【Googleスプレッドシート】印刷範囲を指定して印刷!特定範囲だけPDFや紙に出す手順
- 【Googleスプレッドシート】新しいスプレッドシートを作成する3つの方法!ドライブ・URL・テンプレート
- 【Googleスプレッドシート】数値の連続データを自動入力!オートフィルの活用
- 【Googleスプレッドシート】ダークモードを有効にする!目に優しい配色への切替
- 【Googleスプレッドシート】株価APIで株式データを自動取得!GOOGLEFINANCE超え活用
- 【Googleスプレッドシート】共有相手が編集できない時のチェック!権限と許可状態の確認
- 【Googleスプレッドシート】ページ設定で用紙サイズと向きを調整!印刷レイアウトの基本
- 【Googleスプレッドシート】Excelファイルxlsxをインポートする手順!ドラッグ&ドロップで取り込み
- 【Googleスプレッドシート】条件付き書式をコピーする!書式のみペーストの活用
