echarts年龄饼图_ECharts中饼图的操作

action.pie   |  *

饼图相关的行为，必须引入饼图后才能使用。

action.pie.pieSelect   |  Action

选中指定的饼图扇形。dispatchAction({

type: 'pieSelect',

// 可选，系列 index，可以是一个数组指定多个系列

seriesIndex?: number|Array,

// 可选，系列名称，可以是一个数组指定多个系列

seriesName?: string|Array,

// 数据的 index，如果不指定也可以通过 name 属性根据名称指定数据

dataIndex?: number,

// 可选，数据名称，在有 dataIndex 的时候忽略

name?: string

})

action.pie.pieUnSelect   |  Action

取消选中指定的饼图扇形。dispatchAction({

type: 'pieUnSelect',

// 可选，系列 index，可以是一个数组指定多个系列

seriesIndex?: number|Array,

// 可选，系列名称，可以是一个数组指定多个系列

seriesName?: string|Array,

// 数据的 index，如果不指定也可以通过 name 属性根据名称指定数据

dataIndex?: number,

// 可选，数据名称，在有 dataIndex 的时候忽略

name?: string

})

action.pie.pieToggleSelect   |  Action

切换指定的饼图扇形选中状态。dispatchAction({

type: 'pieToggleSelect',

// 可选，系列 index，可以是一个数组指定多个系列

seriesIndex?: number|Array,

// 可选，系列名称，可以是一个数组指定多个系列

seriesName?: string|Array,

// 数据的 index，如果不指定也可以通过 name 属性根据名称指定数据

dataIndex?: number,

// 可选，数据名称，在有 dataIndex 的时候忽略

name?: string

})

实例：

W3Cschool(www.w3cschool.cn)

// 基于准备好的dom，初始化echarts实例

var myChart = echarts.init(document.getElementById('main'));

// 指定图表的配置项和数据

var option = {

title: {

text: '某站点用户访问来源',

subtext: 'W3Cschool',

left: 'center'

},

tooltip: {

trigger: 'item',

formatter: '{a}
{b} : {c} ({d}%)'

},

legend: {

orient: 'vertical',

left: 'left',

data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎']

},

series: [

{

name: '访问来源',

type: 'pie',

radius: '55%',

center: ['50%', '60%'],

data: [

{ value: 335, name: '直接访问' },

{ value: 310, name: '邮件营销' },

{ value: 234, name: '联盟广告' },

{ value: 135, name: '视频广告' },

{ value: 1548, name: '搜索引擎' }

],

emphasis: {

itemStyle: {

shadowBlur: 10,

shadowOffsetX: 0,

shadowColor: 'rgba(0, 0, 0, 0.5)'

}

}

}

]

};

// 使用刚指定的配置项和数据显示图表。

myChart.setOption(option);