Login
网站首页 > 文章中心 > Js

echarts饼图属性介绍

作者:小编 更新时间:2023-06-21 10:04:15 浏览量:31人看过

echarts饼图属性介绍

软件介绍:ECharts饼图(Pie Chart)是一种常用的数据可视化方式,可以通过一些属性来调整饼图的样式和位置。以下是一些常用的ECharts饼图属性以及如何实现立...

ECharts饼图(Pie Chart)是一种常用的数据可视化方式,可以通过一些属性来调整饼图的样式和位置。以下是一些常用的ECharts饼图属性以及如何实现立体饼图的示例代码:


echarts饼图属性


1. `series`:定义饼图的系列配置项。

2. `series.data`:设置饼图的数据数组。

3. `series.radius`:控制饼图半径的大小,可以是一个固定值或一个数组来表示内外半径。

4. `series.label`:设置饼图中文本标签的样式和位置。

5. `series.labelLine`:设置饼图中连接文本标签和扇区的线的样式和位置。


echarts饼图属性示例代码:


option = {
  series: [{
    type: 'pie',
    radius: '50%', // 饼图半径
    data: [
      {value: 335, name: 'A'},
      {value: 310, name: 'B'},
      {value: 234, name: 'C'},
      {value: 135, name: 'D'},
      {value: 1548, name: 'E'}
    ],
    label: {
      show: true,
      formatter: '{b} : {c}', // 标签显示格式
      position: 'inside' // 标签位置,inside为扇区内部
    },
    labelLine: {
      show: true,
      length: 10,
      length2: 20 // 线段的第二段长度
    }
  }]
};



版权声明:倡导尊重与保护知识产权,本站有部分资源、图片来源于网络,如有侵权,请联系我们修改或者删除处理。
转载请说明来源于"土嘎嘎" 本文地址:http://www.tugaga.com/jishu/js/555.html
<<上一篇 2023-06-21
下一篇 >> 2023-06-21

编辑推荐

热门文章