@@ -44,6 +44,10 @@ Donut charts provide the following :ref:`encoding channels
44
44
based on the aggregation method selected. This field dictates
45
45
the size of each circle segment.
46
46
47
+ If you don't add a field to the :guilabel:`Label` channel, you
48
+ can add multiple fields to the :guilabel:`Arc` channel. |charts|
49
+ creates one segment for each encoded field.
50
+
47
51
Use Cases
48
52
---------
49
53
@@ -98,7 +102,7 @@ counts of the three different purchase methods the store provides:
98
102
99
103
.. figure:: /images/charts/donut-chart-store-example.png
100
104
:figwidth: 750px
101
- :alt: Donut Chart Example
105
+ :alt: Donut Chart Using Count Example
102
106
103
107
The :guilabel:`Label` field of ``purchaseMethod`` tells |charts| to
104
108
create a circle segment for each unique value in the ``purchaseMethod``
@@ -128,7 +132,7 @@ performing each exercise activity:
128
132
129
133
.. figure:: /images/charts/donut-chart-workout-example.png
130
134
:figwidth: 750px
131
- :alt: Donut Chart Example
135
+ :alt: Donut Chart Using Sum Example
132
136
133
137
The :guilabel:`Label` field of ``Activity Type`` tells |charts| to
134
138
create a circle segment for each unique value in the ``Activity Type``
@@ -140,4 +144,22 @@ documents with the same ``Activity Type`` value.
140
144
We see based on the visualization that the activity with the greatest
141
145
total workout time is ``Surf``, followed by ``Bike Ride``.
142
146
147
+ Donut Chart Using Multiple Arc Fields
148
+ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
149
+
150
+ The following chart vizualizes rental property data. Each
151
+ document in the collection represents a single rental property, which
152
+ includes information on prices. This donut chart shows the average price
153
+ of all properties in the collection for a daily, weekly, and monthly
154
+ rental:
143
155
156
+ .. figure:: /images/charts/donut-chart-airbnb-example.png
157
+ :figwidth: 750px
158
+ :alt: Donut Chart Multiple Arc Fields Example
159
+
160
+ Because there is no :guilabel:`Label` field, |charts| creates a circle
161
+ segment for each :guilabel:`Arc` field. |charts| proportions each
162
+ segment according to the aggregated value signified in the
163
+ :guilabel:`Arc` encoding channel. In this case, we aggregate the
164
+ :guilabel:`mean` price for all properties rented by the day, week, and
165
+ month.
0 commit comments