echrts之饼图pie

最新推荐文章于 2024-06-18 16:52:05 发布

mylbest

最新推荐文章于 2024-06-18 16:52:05 发布

阅读量158

点赞数

文章标签：信息可视化数据分析数据挖掘

本文链接：https://blog.csdn.net/mylbest/article/details/130601976

版权

本文深入探讨了ECharts库中饼图（Pie）的使用方法，从基本配置到高级特性，包括数据标签、交互事件、颜色定制等方面进行详细讲解。结合实例，展示了如何通过ECharts饼图进行有效数据可视化，提升数据分析和挖掘的效率。

摘要由CSDN通过智能技术生成

<div class="zzwhhdzs">
  <div class="sjfl_content">
    <div class="chart_box">
      <chart :options='options' />
      <div class="dw_wz">
        <div class="num">{
  {hdzs}}</div>
        <div class="name">组织者人数</div>
      </div>
    </div>
  </div>
</div>

(function () {
  const component = {
    name: 'zzwhhdzs', 
    cname: '微文化-组织文化活动总数',
    data() {
      return {
        num:3522,
        options: null,
        color: ["#38AF60", "#6EEB71", "#9579FF", "#2EE9FF", "#EAFF35", "#E98900", "#E4D354", "#29D7A4"],
        result: [
          {
            name: '组织1',
            value: 18,
            unit: '%',
            num: 542,
            numUnit: '件'
          },
          {
            name: '组织2',
            value: 42,
            unit: '%',
            num: 542,
            numUnit: '件'
          },
          {
            name: '组织3',
            value: 12,
            unit: '%',
            num: 542,
            numUnit: '件'
          },
          {
            name: '组织4',
            value: 18,
            unit: '%',
            num: 542,
            numUnit: '件'
          },
          {
            name: '组织5',
            value: 18,