echarts饼状图

ECharts饼状图是一种常见的图表类型，可以用来展示数据的占比关系。在ECharts中，可以通过设置series中的type为'pie'来创建饼状图。饼状图的数据可以通过设置series中的data属性来指定，每个数据项包括value和name两个属性，分别表示数据的值和名称。例如，可以使用以下代码创建一个简单的饼状图：

var option = {
  series: \[{
    type: 'pie',
    data: \[
      { value: 335, name: '直接访问' },
      { value: 310, name: '邮件营销' },
      { value: 234, name: '联盟广告' },
      { value: 135, name: '视频广告' },
      { value: 548, name: '搜索引擎' }
    \]
  }\]
};

除了基本的饼状图，ECharts还支持南丁格尔图的展示方式。南丁格尔图是一种特殊的饼状图，可以通过将series中的roseType值设为'area'来实现。南丁格尔图的每个扇区的面积大小表示数据的大小，而不仅仅是角度的大小。例如，可以使用以下代码创建一个南丁格尔图：

var option = {
  series: \[{
    type: 'pie',
    data: \[
      { value: 335, name: '直接访问' },
      { value: 310, name: '邮件营销' },
      { value: 234, name: '联盟广告' },
      { value: 135, name: '视频广告' },
      { value: 548, name: '搜索引擎' }
    \],
    roseType: 'area'
  }\]
};

以上是创建饼状图和南丁格尔图的基本配置，你可以根据自己的需求进行进一步的配置和美化。
#### 引用[.reference_title]
- *1* *2* *3* [echarts的饼状图、圆环图、南丁格尔图、散点图、数据转换、](https://blog.csdn.net/m0_68618659/article/details/126472464)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]