LuckyTemplates カスタム ビジュアルのロリポップ チャート

このチュートリアルでは、 LuckyTemplates のカスタム ビジュアルを使用してロリポップ チャートを作成する方法を学習します。これは、データ レポート内の 1 つのカテゴリに対するさまざまな分析情報を示すグラフです。

これは、再作成するサンプルのロリポップ チャートです。このグラフは、カテゴリごとにオープンされたチケットの数を示します。

各カテゴリには、異なる時間枠を示す 3 色のロリポップ バーがあることがわかります。各バーは年を表し、黄色は 2018 年、白は 2019 年、赤は 2020 年を示します。

目次

• LuckyTemplates カスタム ビジュアルの内部に入る
• ロリポップチャートの作成
• ロリポップ チャートに色を追加する
• 結論

LuckyTemplates カスタム ビジュアルの内部に入る

これを再作成するには、まず視覚エフェクト ペインの下にある 3 つの点をクリックし、 [その他のビジュアルを取得]を選択します。

AppSourceでCharticulatorを検索し、「追加」をクリックします。

完了すると、Charticulator リンクが表示されます。リンクをクリックすると、キャンバス内のビジュアルが拡大されます。

次に、ビジュアルの 3 つの点をクリックし、[編集] を選択します。

[フィールド] の [データ] セクションに[Avg Days Open]を配置し、[チャート] で [チャートの作成] をクリックします。

次に、「データ」セクションに「年」と「発行タイプ」を入力します。これで、LuckyTemplates のカスタム ビジュアルを使用してロリポップ チャートの作成を開始できるようになります。

ロリポップチャートの作成

まず、課題タイプ をキャンバスの Y 軸に移動します。

次に、マークで長方形の形状を選択し、グリフに配置します。

[スタック Y] をクリックしてバーのスタックを変更します。

シンボルをグリフ内にドラッグして円を取り込み、バーの端に位置合わせします。

Shape1 の属性でバーの高さを調整して、ロリポップの図形を取得します。

次に、Avg Days OpenをGlyph 内の幅に移動します。

チャートは次のようになります。

次のステップは、ロリポップ チャートの真上にカテゴリ ラベルを転送することです。これを行うには、グリフ キャンバスの下にあるプラス記号をクリックして新しいグリフを作成します。

新しいプロット セグメントを実際のキャンバスの Y 軸に移動し、その上に課題タイプを配置します。

ここで、PlotSegment2 の Attributes を開き、位置をOppositeに変更します。フォントや線などの他の属性も好みに合わせて変更できます。

結果は次のようになります。

ロリポップ チャートに色を追加する

ロリポップ バーに色を追加するには、Shape1 の [属性] を開き、[塗りつぶし] セクションに[年]を配置します。次に、好みに応じて毎年の色を変更します。

次に、バーの先端の円に色を追加します。Symbol1 の [属性] を開き、[年] を[塗りつぶし] セクションに移動します。

ロリポップ チャートが完成しました。これが最終結果です。

キャンバスの左上隅にある[保存]をクリックして進行状況を保存し、[レポートに戻る] をクリックしてください。

これで、レポートに視覚化が表示されます。マージンやシェイプなどの属性を編集したい場合は、3 つの点をクリックするだけで、Charticulator にリダイレクトされます。

レポートのスタイルに合わせて属性を変更します。その後、ロリポップ チャートの視覚化は次のようになります。

LuckyTemplates ダッシュボード デザイン: ビジュアルと効果
LuckyTemplates のカスタム棒グラフ: 種類と変更

結論

ロリポップ チャートは、単一のカテゴリに関するさまざまな情報とデータを提供します。これは、あらゆるアクティビティやタスクの詳細を確認するための創造的な方法です。アクティビティのパフォーマンスを簡単に監視し、改善のための貴重なデータを取得できます。

ロリポップ チャートの詳細については、独自のデータを使用してLuckyTemplates のカスタム ビジュアルでこのチュートリアルを実践してください。データ視覚化スキルの向上に役立つその他の関連視覚化コンテンツも、ブログやYouTube チャンネルにあります。

ムダシル