Echarts之Pie(饼图)

最新推荐文章于 2024-10-29 16:54:38 发布

原创最新推荐文章于 2024-10-29 16:54:38 发布 · 472 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#echarts #前端 #javascript

Vue前端之路专栏收录该内容

5 篇文章

订阅专栏

该文章展示了一个使用Echarts库创建的饼图，用于表示不同流量来源的占比，包括Direct、Email、UnionAds、VideoAds和SearchEngine。数据表明SearchEngine带来的流量最多，其次是Direct。

options = {
  tooltip:{
    trigger:'item',
  },
  legend:{},
  series:[
    {
      name:'饼图',
      type:'pie',
      stack:'total',
      label:{
        show: true
      },
      data:[
        {value:335,name:'Direct'},
        {value:310,name:'Email'},
        {value:274,name:'Union Ads'},
        {value:235, name:'Video Ads'},
        {value:400, name:'Search Engine'}
      ]
    },
  ]
}

效果如下：