>#### 分组显示 ~~~ var equipment = ['华为', '中兴', '爱立信', '索尼', 'www.remulu.com', 'www.edir.cn']; var project = ['华为', '中兴', '烽火', '阿尔卡特', '三星', 'tplink', '惠普', '戴尔']; var colorList = [ '#0090ff', '#06d3c4', '#ffbc32', '#2ccc44', '#ff3976', '#6173d6', '#914ce5', '#42b1cc', '#ff55ac', '#0090ff', '#06d3c4', '#ffbc32', '#2ccc44', '#ff3976', '#6173d6', '#914ce5', '#42b1cc', '#ff55ac', '#0090ff', '#06d3c4', '#ffbc32', '#2ccc44', '#ff3976', '#6173d6', '#914ce5', '#42b1cc', '#ff55ac', '#0090ff', '#06d3c4', '#ffbc32', '#2ccc44', '#ff3976', '#6173d6', '#914ce5', '#42b1cc', '#ff55ac', '#0090ff', '#06d3c4', '#ffbc32', '#2ccc44', '#ff3976', '#6173d6', '#914ce5', '#42b1cc', '#ff55ac', '#0090ff', '#06d3c4', '#ffbc32', '#2ccc44', '#ff3976', '#6173d6', '#914ce5', '#42b1cc', '#ff55ac', '#0090ff', '#06d3c4', '#ffbc32', '#2ccc44', '#ff3976', '#6173d6', '#914ce5', '#42b1cc', '#ff55ac', '#0090ff', '#06d3c4', '#ffbc32', '#2ccc44', '#ff3976', '#6173d6', '#914ce5', '#42b1cc', '#ff55ac', '#0090ff', '#06d3c4', '#ffbc32', '#2ccc44', '#ff3976', '#6173d6', '#914ce5', '#42b1cc', '#ff55ac', '#0090ff', '#06d3c4', '#ffbc32', '#2ccc44', '#ff3976', '#6173d6', '#914ce5', '#42b1cc', '#ff55ac', '#0090ff', '#06d3c4', '#ffbc32', '#2ccc44', '#ff3976', '#6173d6', '#914ce5', '#42b1cc', '#ff55ac', ]; option = { toolbox: { feature: { saveAsImage: {} } }, backgroundColor: "#0f375f", title: { text: '饼图,分组显示', left: 'center', top: '10px', textStyle: { color: '#ffffff' } }, tooltip: { formatter: function (param) { if (param.data.type === null) { return param.data.name + ':' + param.value + '个'; } else { return param.data.type + ':' + param.value + '个'; } }, }, legend: { data: ['话务', '传输'], top: '10%', show: true, textStyle: { color: '#f2f2f2', fontSize: 14, }, }, series: [{ name: '招标方式', type: 'pie', radius: ['40%', '55%'], itemStyle: { normal: { color: function (params) { return colorList[params.dataIndex]; }, }, }, label: { normal: { formatter: function (params) { if (params.value != 0) return params.data.type + ':' + params.value + '个'; else return ''; }, show: true, }, }, data: [{ value: 135, name: '传输', type: equipment[0], }, { value: 200, name: '传输', type: equipment[1], }, { value: 100, name: '传输', type: equipment[2], }, { value: 50, name: '传输', type: equipment[3], }, { value: 300, name: '传输', type: equipment[4], }, { value: 90, name: '传输', type: equipment[5], }, { value: 310, name: '话务', type: project[0], }, { value: 234, name: '话务', type: project[1], }, { value: 35, name: '话务', type: project[2], }, { value: 100, name: '话务', type: project[3], }, { value: 40, name: '话务', type: project[4], }, { value: 400, name: '话务', type: project[5], }, { value: 100, name: '话务', type: project[6], }, { value: 20, name: '话务', type: project[7], }, ], },], }; ~~~ >#### 效果图  <hr>