使用Plotly.js创建交互式图表，第5部分：饼图和量表

如果您从一开始就遵循此系列，您可能已经注意到Plotly.js使用相同的scatter类型来创建折线图和气泡图 。 唯一的区别是，我们必须设置mode ，以lines在创建线图表和markers产生气泡图时。

同样，Plotly.js允许您通过为type属性使用相同的值并根据要创建的图表更改其他属性的值来创建饼图，甜甜圈图和轨距图。

在Plotly.js中创建饼图

通过将type属性设置为pie，可以在Plotly.js中创建pie 。 还有其他属性，例如opacity ， visible和name ，这些属性也是其他图表类型所共有的。 name属性用于为当前饼图跟踪提供名称。 然后，该名称会显示在图例中以进行标识。 通过将showlegend属性分别设置为true或false ，可以在图表的图例中显示或隐藏饼图轨迹。 您可以使用labels属性为饼图的不同扇区设置标签名称。

对于饼图，标记对象用于控制图表不同扇区的外观。 嵌套在marker内的color属性可用于设置饼图每个扇区的颜色。 可以将不同扇区的颜色指定为color属性的数组值。

您还可以使用嵌套在line对象中的color和width属性设置包围每个扇区的所有线条的color和width 。 您还可以选择使用布尔值sort属性对饼图的所有扇区从最大到最小进行sort 。 同样，借助direction属性可以将扇区的方向更改为clockwise或count