Pie

Overview

The pie trace type is used to create pie charts, which are circular charts divided into sectors representing proportions of a whole. Each sector’s arc length is proportional to the quantity it represents. Pie charts are great for visualizing part-to-whole relationships.

You can customize the colors, labels, and hover information to display your data effectively.

Common Uses

• Part-to-Whole Relationships: Visualizing how different parts contribute to the whole.
• Categorical Data: Showing the proportions of different categories in a dataset.
• Survey Data: Visualizing how responses are distributed among categories.

Check out the Attributes for the full set of configuration options

Examples

Common Configurations

Simple Pie ChartPie Chart with Custom ColorsPie Chart with Hover Info

Here's a simple pie chart showing the distribution of categories:

You can copy this code below to create this chart in your project:

models:
  - name: pie-data
    args:
      - echo
      - |
        category,value
        A,30
        B,20
        C,50
traces:
  - name: Simple Pie Chart Trace
    model: ${ref(pie-data)}
    props:
      type: pie
      labels: ?{category}
      values: ?{value}
charts:
  - name: Simple Pie Chart
    traces:
      - ${ref(Simple Pie Chart Trace)}
    layout:
      title:
        text: Simple Pie Chart<br><sub>Distribution of Categories</sub>

This example demonstrates a pie chart with custom colors for each category:

Here's the code:

models:
  - name: pie-data-colors
    args:
      - echo
      - |
        category,value,color
        A,40,#1f77b4
        B,30,#ff7f0e
        C,30,#2ca02c
traces:
  - name: Pie Chart with Custom Colors Trace
    model: ${ref(pie-data-colors)}
    props:
      type: pie
      labels: ?{category}
      values: ?{value}
      marker:
        colors: ?{color}
charts:
  - name: Pie Chart with Custom Colors
    traces:
      - ${ref(Pie Chart with Custom Colors Trace)}
    layout:
      title:
        text: Pie Chart with Custom Colors<br><sub>Customized Coloring for Each Category</sub>

This example shows a pie chart with hover information that displays both the percentage and the value for each category:

Here's the code:

models:
  - name: pie-data-hover
    args:
      - echo
      - |
        category,value
        X,60
        Y,25
        Z,15
traces:
  - name: Pie Chart with Hover Info Trace
    model: ${ref(pie-data-hover)}
    props:
      type: pie
      labels: ?{category}
      values: ?{value}
      hoverinfo: "label+value+percent"
charts:
  - name: Pie Chart with Hover Info
    traces:
      - ${ref(Pie Chart with Hover Info Trace)}
    layout:
      title:
        text: Pie Chart with Hover Info<br><sub>Hover Info Showing Value and Percentage</sub>

A schema to validate plotly trace properties

Attributes

These attributes apply to traces where trace.props.type is set to pie. You would configure these attributes on the trace with the trace.props object.

automargin: 'boolean' #(1)!
customdata: 'array' #(2)!
customdatasrc: 'string' #(3)!
direction: 'any' #(4)!
dlabel: 'number' #(5)!
domain:
  column: 'integer' #(6)!
  row: 'integer' #(7)!
  x: 'array' #(8)!
  y: 'array' #(9)!
hole: 'number' #(10)!
hoverinfo: 'array' #(11)!
hoverinfosrc: 'string' #(12)!
hoverlabel:
  align: 'array' #(13)!
  alignsrc: 'string' #(14)!
  bgcolor: 'color | array' #(15)!
  bgcolorsrc: 'string' #(16)!
  bordercolor: 'color | array' #(17)!
  bordercolorsrc: 'string' #(18)!
  font:
    color: color | array
    colorsrc: 'string' #(19)!
    family: 'string | array' #(20)!
    familysrc: 'string' #(21)!
    lineposition: 'array' #(22)!
    linepositionsrc: 'string' #(23)!
    shadow: 'string | array' #(24)!
    shadowsrc: 'string' #(25)!
    size: number | array
    sizesrc: 'string' #(26)!
    style: 'array' #(27)!
    stylesrc: 'string' #(28)!
    textcase: 'array' #(29)!
    textcasesrc: 'string' #(30)!
    variant: 'array' #(31)!
    variantsrc: 'string' #(32)!
    weight: 'integer | array' #(33)!
    weightsrc: 'string' #(34)!
  namelength: 'integer | array' #(35)!
  namelengthsrc: 'string' #(36)!
hovertemplate: 'string | array' #(37)!
hovertemplatesrc: 'string' #(38)!
hovertext: 'string | array' #(39)!
hovertextsrc: 'string' #(40)!
ids: 'array' #(41)!
idssrc: 'string' #(42)!
insidetextfont:
  color: color | array
  colorsrc: 'string' #(43)!
  family: 'string | array' #(44)!
  familysrc: 'string' #(45)!
  lineposition: 'array' #(46)!
  linepositionsrc: 'string' #(47)!
  shadow: 'string | array' #(48)!
  shadowsrc: 'string' #(49)!
  size: number | array
  sizesrc: 'string' #(50)!
  style: 'array' #(51)!
  stylesrc: 'string' #(52)!
  textcase: 'array' #(53)!
  textcasesrc: 'string' #(54)!
  variant: 'array' #(55)!
  variantsrc: 'string' #(56)!
  weight: 'integer | array' #(57)!
  weightsrc: 'string' #(58)!
insidetextorientation: 'any' #(59)!
label0: 'number' #(60)!
labels: 'array' #(61)!
labelssrc: 'string' #(62)!
legend: 'string' #(63)!
legendgroup: 'string' #(64)!
legendgrouptitle:
  font:
    color: any
    family: 'string' #(65)!
    lineposition: 'string' #(66)!
    shadow: 'string' #(67)!
    size: number
    style: 'any' #(68)!
    textcase: 'any' #(69)!
    variant: 'any' #(70)!
    weight: 'integer' #(71)!
  text: 'string' #(72)!
legendrank: 'number' #(73)!
legendwidth: 'number' #(74)!
marker:
  colors: 'array' #(75)!
  colorssrc: 'string' #(76)!
  line:
    color: 'color | array' #(77)!
    colorsrc: 'string' #(78)!
    width: 'number | array' #(79)!
    widthsrc: 'string' #(80)!
  pattern:
    bgcolor: 'color | array' #(81)!
    bgcolorsrc: 'string' #(82)!
    fgcolor: 'color | array' #(83)!
    fgcolorsrc: 'string' #(84)!
    fgopacity: 'number' #(85)!
    fillmode: 'any' #(86)!
    shape: 'array' #(87)!
    shapesrc: 'string' #(88)!
    size: 'number | array' #(89)!
    sizesrc: 'string' #(90)!
    solidity: 'number | array' #(91)!
    soliditysrc: 'string' #(92)!
metasrc: 'string' #(93)!
name: 'string' #(94)!
opacity: 'number' #(95)!
outsidetextfont:
  color: color | array
  colorsrc: 'string' #(96)!
  family: 'string | array' #(97)!
  familysrc: 'string' #(98)!
  lineposition: 'array' #(99)!
  linepositionsrc: 'string' #(100)!
  shadow: 'string | array' #(101)!
  shadowsrc: 'string' #(102)!
  size: number | array
  sizesrc: 'string' #(103)!
  style: 'array' #(104)!
  stylesrc: 'string' #(105)!
  textcase: 'array' #(106)!
  textcasesrc: 'string' #(107)!
  variant: 'array' #(108)!
  variantsrc: 'string' #(109)!
  weight: 'integer | array' #(110)!
  weightsrc: 'string' #(111)!
pull: 'number | array' #(112)!
pullsrc: 'string' #(113)!
rotation: 'number' #(114)!
scalegroup: 'string' #(115)!
showlegend: 'boolean' #(116)!
sort: 'boolean' #(117)!
stream:
  maxpoints: 'number' #(118)!
  token: 'string' #(119)!
text: 'array' #(120)!
textfont:
  color: color | array
  colorsrc: 'string' #(121)!
  family: 'string | array' #(122)!
  familysrc: 'string' #(123)!
  lineposition: 'array' #(124)!
  linepositionsrc: 'string' #(125)!
  shadow: 'string | array' #(126)!
  shadowsrc: 'string' #(127)!
  size: number | array
  sizesrc: 'string' #(128)!
  style: 'array' #(129)!
  stylesrc: 'string' #(130)!
  textcase: 'array' #(131)!
  textcasesrc: 'string' #(132)!
  variant: 'array' #(133)!
  variantsrc: 'string' #(134)!
  weight: 'integer | array' #(135)!
  weightsrc: 'string' #(136)!
textinfo: 'string' #(137)!
textposition: 'array' #(138)!
textpositionsrc: 'string' #(139)!
textsrc: 'string' #(140)!
texttemplate: 'string | array' #(141)!
texttemplatesrc: 'string' #(142)!
title:
  font:
    color: color | array
    colorsrc: 'string' #(143)!
    family: 'string | array' #(144)!
    familysrc: 'string' #(145)!
    lineposition: 'array' #(146)!
    linepositionsrc: 'string' #(147)!
    shadow: 'string | array' #(148)!
    shadowsrc: 'string' #(149)!
    size: number | array
    sizesrc: 'string' #(150)!
    style: 'array' #(151)!
    stylesrc: 'string' #(152)!
    textcase: 'array' #(153)!
    textcasesrc: 'string' #(154)!
    variant: 'array' #(155)!
    variantsrc: 'string' #(156)!
    weight: 'integer | array' #(157)!
    weightsrc: 'string' #(158)!
  position: 'any' #(159)!
  text: 'string' #(160)!
type: pie
uid: 'string' #(161)!
values: 'array' #(162)!
valuessrc: 'string' #(163)!
visible: 'any' #(164)!

1. Determines whether outside text labels can push the margins.
2. Assigns extra data each datum. This may be useful when listening to hover, click and selection events. Note that, scatter traces also appends customdata items in the markers DOM elements
3. Sets the source reference on Chart Studio Cloud for customdata.
4. Specifies the direction at which succeeding sectors follow one another.
5. Sets the label step. See label0 for more info.
6. If there is a layout grid, use the domain for this column in the grid for this pie trace .
7. If there is a layout grid, use the domain for this row in the grid for this pie trace .
8. Sets the horizontal domain of this pie trace (in plot fraction).
9. Sets the vertical domain of this pie trace (in plot fraction).
10. Sets the fraction of the radius to cut out of the pie. Use this to make a donut chart.
11. Determines which trace information appear on hover. If none or skip are set, no information is displayed upon hovering. But, if none is set, click and hover events are still fired.
12. Sets the source reference on Chart Studio Cloud for hoverinfo.
13. Sets the horizontal alignment of the text content within hover label box. Has an effect only if the hover label text spans more two or more lines
14. Sets the source reference on Chart Studio Cloud for align.
15. Sets the background color of the hover labels for this trace
16. Sets the source reference on Chart Studio Cloud for bgcolor.
17. Sets the border color of the hover labels for this trace.
18. Sets the source reference on Chart Studio Cloud for bordercolor.
19. Sets the source reference on Chart Studio Cloud for color.
20. HTML font family - the typeface that will be applied by the web browser. The web browser can only apply a font if it is available on the system where it runs. Provide multiple font families, separated by commas, to indicate the order in which to apply fonts if they aren't available.
21. Sets the source reference on Chart Studio Cloud for family.
22. Sets the kind of decoration line(s) with text, such as an under, over or through as well as combinations e.g. under+over, etc.
23. Sets the source reference on Chart Studio Cloud for lineposition.
24. Sets the shape and color of the shadow behind text. auto places minimal shadow and applies contrast text font color. See https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow for additional options.
25. Sets the source reference on Chart Studio Cloud for shadow.
26. Sets the source reference on Chart Studio Cloud for size.
27. Sets whether a font should be styled with a normal or italic face from its family.
28. Sets the source reference on Chart Studio Cloud for style.
29. Sets capitalization of text. It can be used to make text appear in all-uppercase or all-lowercase, or with each word capitalized.
30. Sets the source reference on Chart Studio Cloud for textcase.
31. Sets the variant of the font.
32. Sets the source reference on Chart Studio Cloud for variant.
33. Sets the weight (or boldness) of the font.
34. Sets the source reference on Chart Studio Cloud for weight.
35. Sets the default length (in number of characters) of the trace name in the hover labels for all traces. -1 shows the whole name regardless of length. 0-3 shows the first 0-3 characters, and an integer >3 will show the whole name if it is less than that many characters, but if it is longer, will truncate to namelength - 3 characters and add an ellipsis.
36. Sets the source reference on Chart Studio Cloud for namelength.
37. Template string used for rendering the information that appear on hover box. Note that this will override hoverinfo. Variables are inserted using %{variable}, for example "y: %{y}" as well as %{xother}, {%xother}, {%_xother}, {%xother_}. When showing info for several points, xother will be added to those with different x positions from the first point. An underscore before or after (x|y)other will add a space on that side, only when this field is shown. Numbers are formatted using d3-format's syntax %{variable:d3-format}, for example "Price: %{y:$.2f}". https://github.com/d3/d3-format/tree/v1.4.5#d3-format for details on the formatting syntax. Dates are formatted using d3-time-format's syntax %{variable|d3-time-format}, for example "Day: %{2019-01-01|%A}". https://github.com/d3/d3-time-format/tree/v2.2.3#locale_format for details on the date formatting syntax. The variables available in hovertemplate are the ones emitted as event data described at this link https://plotly.com/javascript/plotlyjs-events/#event-data. Additionally, every attributes that can be specified per-point (the ones that are arrayOk: true) are available. Finally, the template string has access to variables label, color, value, percent and text. Anything contained in tag <extra> is displayed in the secondary box, for example "{fullData.name}". To hide the secondary box completely, use an empty tag <extra></extra>.
38. Sets the source reference on Chart Studio Cloud for hovertemplate.
39. Sets hover text elements associated with each sector. If a single string, the same string appears for all data points. If an array of string, the items are mapped in order of this trace's sectors. To be seen, trace hoverinfo must contain a text flag.
40. Sets the source reference on Chart Studio Cloud for hovertext.
41. Assigns id labels to each datum. These ids for object constancy of data points during animation. Should be an array of strings, not numbers or any other type.
42. Sets the source reference on Chart Studio Cloud for ids.
43. Sets the source reference on Chart Studio Cloud for color.
44. HTML font family - the typeface that will be applied by the web browser. The web browser can only apply a font if it is available on the system where it runs. Provide multiple font families, separated by commas, to indicate the order in which to apply fonts if they aren't available.
45. Sets the source reference on Chart Studio Cloud for family.
46. Sets the kind of decoration line(s) with text, such as an under, over or through as well as combinations e.g. under+over, etc.
47. Sets the source reference on Chart Studio Cloud for lineposition.
48. Sets the shape and color of the shadow behind text. auto places minimal shadow and applies contrast text font color. See https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow for additional options.
49. Sets the source reference on Chart Studio Cloud for shadow.
50. Sets the source reference on Chart Studio Cloud for size.
51. Sets whether a font should be styled with a normal or italic face from its family.
52. Sets the source reference on Chart Studio Cloud for style.
53. Sets capitalization of text. It can be used to make text appear in all-uppercase or all-lowercase, or with each word capitalized.
54. Sets the source reference on Chart Studio Cloud for textcase.
55. Sets the variant of the font.
56. Sets the source reference on Chart Studio Cloud for variant.
57. Sets the weight (or boldness) of the font.
58. Sets the source reference on Chart Studio Cloud for weight.
59. Controls the orientation of the text inside chart sectors. When set to auto, text may be oriented in any direction in order to be as big as possible in the middle of a sector. The horizontal option orients text to be parallel with the bottom of the chart, and may make text smaller in order to achieve that goal. The radial option orients text along the radius of the sector. The tangential option orients text perpendicular to the radius of the sector.
60. Alternate to labels. Builds a numeric set of labels. Use with dlabel where label0 is the starting label and dlabel the step.
61. Sets the sector labels. If labels entries are duplicated, we sum associated values or simply count occurrences if values is not provided. For other array attributes (including color) we use the first non-empty entry among all occurrences of the label.
62. Sets the source reference on Chart Studio Cloud for labels.
63. Sets the reference to a legend to show this trace in. References to these legends are legend, legend2, legend3, etc. Settings for these legends are set in the layout, under layout.legend, layout.legend2, etc.
64. Sets the legend group for this trace. Traces and shapes part of the same legend group hide/show at the same time when toggling legend items.
65. HTML font family - the typeface that will be applied by the web browser. The web browser can only apply a font if it is available on the system where it runs. Provide multiple font families, separated by commas, to indicate the order in which to apply fonts if they aren't available.
66. Sets the kind of decoration line(s) with text, such as an under, over or through as well as combinations e.g. under+over, etc.
67. Sets the shape and color of the shadow behind text. auto places minimal shadow and applies contrast text font color. See https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow for additional options.
68. Sets whether a font should be styled with a normal or italic face from its family.
69. Sets capitalization of text. It can be used to make text appear in all-uppercase or all-lowercase, or with each word capitalized.
70. Sets the variant of the font.
71. Sets the weight (or boldness) of the font.
72. Sets the title of the legend group.
73. Sets the legend rank for this trace. Items and groups with smaller ranks are presented on top/left side while with reversed legend.traceorder they are on bottom/right side. The default legendrank is 1000, so that you can use ranks less than 1000 to place certain items before all unranked items, and ranks greater than 1000 to go after all unranked items. When having unranked or equal rank items shapes would be displayed after traces i.e. according to their order in data and layout.
74. Sets the width (in px or fraction) of the legend for this trace.
75. Sets the color of each sector. If not specified, the default trace color set is used to pick the sector colors.
76. Sets the source reference on Chart Studio Cloud for colors.
77. Sets the color of the line enclosing each sector.
78. Sets the source reference on Chart Studio Cloud for color.
79. Sets the width (in px) of the line enclosing each sector.
80. Sets the source reference on Chart Studio Cloud for width.
81. When there is no colorscale sets the color of background pattern fill. Defaults to a marker.color background when fillmode is overlay. Otherwise, defaults to a transparent background.
82. Sets the source reference on Chart Studio Cloud for bgcolor.
83. When there is no colorscale sets the color of foreground pattern fill. Defaults to a marker.color background when fillmode is replace. Otherwise, defaults to dark grey or white to increase contrast with the bgcolor.
84. Sets the source reference on Chart Studio Cloud for fgcolor.
85. Sets the opacity of the foreground pattern fill. Defaults to a 0.5 when fillmode is overlay. Otherwise, defaults to 1.
86. Determines whether marker.color should be used as a default to bgcolor or a fgcolor.
87. Sets the shape of the pattern fill. By default, no pattern is used for filling the area.
88. Sets the source reference on Chart Studio Cloud for shape.
89. Sets the size of unit squares of the pattern fill in pixels, which corresponds to the interval of repetition of the pattern.
90. Sets the source reference on Chart Studio Cloud for size.
91. Sets the solidity of the pattern fill. Solidity is roughly the fraction of the area filled by the pattern. Solidity of 0 shows only the background color without pattern and solidty of 1 shows only the foreground color without pattern.
92. Sets the source reference on Chart Studio Cloud for solidity.
93. Sets the source reference on Chart Studio Cloud for meta.
94. Sets the trace name. The trace name appears as the legend item and on hover.
95. Sets the opacity of the trace.
96. Sets the source reference on Chart Studio Cloud for color.
97. HTML font family - the typeface that will be applied by the web browser. The web browser can only apply a font if it is available on the system where it runs. Provide multiple font families, separated by commas, to indicate the order in which to apply fonts if they aren't available.
98. Sets the source reference on Chart Studio Cloud for family.
99. Sets the kind of decoration line(s) with text, such as an under, over or through as well as combinations e.g. under+over, etc.
100. Sets the source reference on Chart Studio Cloud for lineposition.
101. Sets the shape and color of the shadow behind text. auto places minimal shadow and applies contrast text font color. See https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow for additional options.
102. Sets the source reference on Chart Studio Cloud for shadow.
103. Sets the source reference on Chart Studio Cloud for size.
104. Sets whether a font should be styled with a normal or italic face from its family.
105. Sets the source reference on Chart Studio Cloud for style.
106. Sets capitalization of text. It can be used to make text appear in all-uppercase or all-lowercase, or with each word capitalized.
107. Sets the source reference on Chart Studio Cloud for textcase.
108. Sets the variant of the font.
109. Sets the source reference on Chart Studio Cloud for variant.
110. Sets the weight (or boldness) of the font.
111. Sets the source reference on Chart Studio Cloud for weight.
112. Sets the fraction of larger radius to pull the sectors out from the center. This can be a constant to pull all slices apart from each other equally or an array to highlight one or more slices.
113. Sets the source reference on Chart Studio Cloud for pull.
114. Instead of the first slice starting at 12 o'clock, rotate to some other angle.
115. If there are multiple pie charts that should be sized according to their totals, link them by providing a non-empty group id here shared by every trace in the same group.
116. Determines whether or not an item corresponding to this trace is shown in the legend.
117. Determines whether or not the sectors are reordered from largest to smallest.
118. Sets the maximum number of points to keep on the plots from an incoming stream. If maxpoints is set to 50, only the newest 50 points will be displayed on the plot.
119. The stream id number links a data trace on a plot with a stream. See https://chart-studio.plotly.com/settings for more details.
120. Sets text elements associated with each sector. If trace textinfo contains a text flag, these elements will be seen on the chart. If trace hoverinfo contains a text flag and hovertext is not set, these elements will be seen in the hover labels.
121. Sets the source reference on Chart Studio Cloud for color.
122. HTML font family - the typeface that will be applied by the web browser. The web browser can only apply a font if it is available on the system where it runs. Provide multiple font families, separated by commas, to indicate the order in which to apply fonts if they aren't available.
123. Sets the source reference on Chart Studio Cloud for family.
124. Sets the kind of decoration line(s) with text, such as an under, over or through as well as combinations e.g. under+over, etc.
125. Sets the source reference on Chart Studio Cloud for lineposition.
126. Sets the shape and color of the shadow behind text. auto places minimal shadow and applies contrast text font color. See https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow for additional options.
127. Sets the source reference on Chart Studio Cloud for shadow.
128. Sets the source reference on Chart Studio Cloud for size.
129. Sets whether a font should be styled with a normal or italic face from its family.
130. Sets the source reference on Chart Studio Cloud for style.
131. Sets capitalization of text. It can be used to make text appear in all-uppercase or all-lowercase, or with each word capitalized.
132. Sets the source reference on Chart Studio Cloud for textcase.
133. Sets the variant of the font.
134. Sets the source reference on Chart Studio Cloud for variant.
135. Sets the weight (or boldness) of the font.
136. Sets the source reference on Chart Studio Cloud for weight.
137. Determines which trace information appear on the graph.
138. Specifies the location of the textinfo.
139. Sets the source reference on Chart Studio Cloud for textposition.
140. Sets the source reference on Chart Studio Cloud for text.
141. Template string used for rendering the information text that appear on points. Note that this will override textinfo. Variables are inserted using %{variable}, for example "y: %{y}". Numbers are formatted using d3-format's syntax %{variable:d3-format}, for example "Price: %{y:$.2f}". https://github.com/d3/d3-format/tree/v1.4.5#d3-format for details on the formatting syntax. Dates are formatted using d3-time-format's syntax %{variable|d3-time-format}, for example "Day: %{2019-01-01|%A}". https://github.com/d3/d3-time-format/tree/v2.2.3#locale_format for details on the date formatting syntax. Every attributes that can be specified per-point (the ones that are arrayOk: true) are available. Finally, the template string has access to variables label, color, value, percent and text.
142. Sets the source reference on Chart Studio Cloud for texttemplate.
143. Sets the source reference on Chart Studio Cloud for color.
144. HTML font family - the typeface that will be applied by the web browser. The web browser can only apply a font if it is available on the system where it runs. Provide multiple font families, separated by commas, to indicate the order in which to apply fonts if they aren't available.
145. Sets the source reference on Chart Studio Cloud for family.
146. Sets the kind of decoration line(s) with text, such as an under, over or through as well as combinations e.g. under+over, etc.
147. Sets the source reference on Chart Studio Cloud for lineposition.
148. Sets the shape and color of the shadow behind text. auto places minimal shadow and applies contrast text font color. See https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow for additional options.
149. Sets the source reference on Chart Studio Cloud for shadow.
150. Sets the source reference on Chart Studio Cloud for size.
151. Sets whether a font should be styled with a normal or italic face from its family.
152. Sets the source reference on Chart Studio Cloud for style.
153. Sets capitalization of text. It can be used to make text appear in all-uppercase or all-lowercase, or with each word capitalized.
154. Sets the source reference on Chart Studio Cloud for textcase.
155. Sets the variant of the font.
156. Sets the source reference on Chart Studio Cloud for variant.
157. Sets the weight (or boldness) of the font.
158. Sets the source reference on Chart Studio Cloud for weight.
159. Specifies the location of the title.
160. Sets the title of the chart. If it is empty, no title is displayed.
161. Assign an id to this trace, Use this to provide object constancy between traces during animations and transitions.
162. Sets the values of the sectors. If omitted, we count occurrences of each label.
163. Sets the source reference on Chart Studio Cloud for values.
164. Determines whether or not this trace is visible. If legendonly, the trace is not drawn, but can appear as a legend item (provided that the legend itself is visible).