圓環圖：使用 Charticulator 創建自定義視覺對象

本教程將向您展示如何使用Charticulator創建圓環圖可視化。它類似於餅圖；不同之處在於圓環圖將類別顯示為弧而不是切片。您將學習如何為 LuckyTemplates 數據報表設計和創建您自己的圓環圖。

目錄

• 發射製圖器
• 創建圓環圖
• 在 LuckyTemplates 中放置圓環圖
• 結論

發射製圖器

首先，創建數據集並將其導出到 Charticulator。對於此示例，使用的數據是Region和No. Of Complaints。

接下來，單擊表的省略號並選擇導出數據。

之後，轉到charticulator.com並單擊Launch Charticulator。找到並打開導出的數據集。

完成後，您將被引導至 Charticulator 畫布。

創建圓環圖

從 Marks 到 Glyph 畫布放置一個矩形。

然後，將堆棧順序更改為 Y。

將No. Of Complaints放置在 Glyph 內條形的寬度中。

通過將排序順序選擇為No. Of Complaints ，將排序順序更改為降序。然後您會看到一個顯示降序的條形圖。

要創建圓環形狀，請將 Polar 從 Scaffolds 拖到畫布上。這會將條形圖更改為極坐標。

然後您會看到訂單從最高值開始。這也是最大的直徑。

您可以通過調整周長來自定義圖表的設計。

如果要為甜甜圈添加顏色，請打開 Shape1 的屬性並將區域放置在填充部分。

您可以根據自己的喜好修改每個甜甜圈的顏色。之後，圓環圖將如下所示。

接下來，將文本添加到甜甜圈以指示它代表哪個區域。將 Text 放入 Glyph 畫布中並將其放置在欄的左邊緣。

然後，打開 Text1 的 Attributes 並將Region放在 Text 部分。然後您會在圖表中看到標籤。

通過將Region放置在相同屬性的 Color 部分，使標籤的顏色與圖表的顏色相匹配。

你的圓環圖現在看起來像這樣。

創建另一個文本以顯示甜甜圈中的值。將文本放入字形畫布並將其放在區域標籤旁邊。然後，打開它的屬性並將No. Of Complaints放在文本部分。

通過將文本部分中的 .1 更改為 .0 來刪除值中的小數。

這就是圓環圖視覺效果的樣子。

在 LuckyTemplates 中放置圓環圖

保存文件並將其導出到LuckyTemplates Custom Visual。取消選中Axes 和 Scales設置中的自動軸選項，以避免在調用過濾器上下文轉換時軸發生任何變化。然後，輸入視覺名稱並導出文件。

打開 LuckyTemplates 並導入圖表文件。單擊 Visualizations 下面的省略號並選擇Import a visual from a file。

單擊帶有圓環圖視覺名稱的 Charticulator 圖標，並用相應的數據填充字段部分。之後，您將在儀表板中看到圓環圖。

您還可以創建與其他圖表的交互。在此示例中，條形圖用於調用過濾器上下文轉換。要創建交互，請轉到“格式”選項卡並單擊“編輯交互”。然後，選擇要交互的圖表並單擊交互圖標。

現在，當您嘗試單擊一個條形圖時，您可以看到圓環圖隨著條形圖中相應數據的變化而變化。

結論

環形圖（如圓環圖）以令人難以置信的方式提供有價值的數據。它們顯示信息並幫助使你的 LuckyTemplates 儀表板看起來更好。它們類似於條形圖，但呈圓形且不會佔用太多空間。

您會發現在 Charticulator 中創建圓環圖是多麼容易。因此，如果您想提高數據報告技能並了解有關創建令人驚嘆的可視化效果的更多信息，請充分利用本教程並查看我們其餘的數據可視化模塊。

穆達西爾