|
@@ -369,23 +369,30 @@ const Statistics: React.FC<StatisticsProps> = () => {
|
|
|
legend: {
|
|
legend: {
|
|
|
orient: 'vertical',
|
|
orient: 'vertical',
|
|
|
right: 10,
|
|
right: 10,
|
|
|
- top: 'center'
|
|
|
|
|
|
|
+ top: 'center',
|
|
|
|
|
+ // 禁用图例的选中模式,防止点击饼图块时图例变黑
|
|
|
|
|
+ selectedMode: false,
|
|
|
|
|
+ // 设置图例文字样式
|
|
|
|
|
+ textStyle: {
|
|
|
|
|
+ color: '#666'
|
|
|
|
|
+ },
|
|
|
|
|
+ // 设置未选中状态的颜色(透明度降低,但不完全变黑)
|
|
|
|
|
+ inactiveColor: '#ccc'
|
|
|
},
|
|
},
|
|
|
series: [{
|
|
series: [{
|
|
|
name: '人数',
|
|
name: '人数',
|
|
|
type: 'pie',
|
|
type: 'pie',
|
|
|
radius: '60%',
|
|
radius: '60%',
|
|
|
center: ['35%', '50%'],
|
|
center: ['35%', '50%'],
|
|
|
|
|
+ // 禁用饼图块的选中模式
|
|
|
|
|
+ selectedMode: false,
|
|
|
data: stats.map(item => ({
|
|
data: stats.map(item => ({
|
|
|
name: item.key,
|
|
name: item.key,
|
|
|
value: Math.round(item.value || 0)
|
|
value: Math.round(item.value || 0)
|
|
|
})),
|
|
})),
|
|
|
|
|
+ // 小程序环境中禁用 emphasis,避免阴影渲染问题导致图例区域变黑
|
|
|
emphasis: {
|
|
emphasis: {
|
|
|
- itemStyle: {
|
|
|
|
|
- shadowBlur: 10,
|
|
|
|
|
- shadowOffsetX: 0,
|
|
|
|
|
- shadowColor: 'rgba(0, 0, 0, 0.5)'
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ disabled: true
|
|
|
},
|
|
},
|
|
|
label: {
|
|
label: {
|
|
|
show: false
|
|
show: false
|
|
@@ -413,23 +420,30 @@ const Statistics: React.FC<StatisticsProps> = () => {
|
|
|
legend: {
|
|
legend: {
|
|
|
orient: 'vertical',
|
|
orient: 'vertical',
|
|
|
right: 10,
|
|
right: 10,
|
|
|
- top: 'center'
|
|
|
|
|
|
|
+ top: 'center',
|
|
|
|
|
+ // 禁用图例的选中模式,防止点击饼图块时图例变黑
|
|
|
|
|
+ selectedMode: false,
|
|
|
|
|
+ // 设置图例文字样式
|
|
|
|
|
+ textStyle: {
|
|
|
|
|
+ color: '#666'
|
|
|
|
|
+ },
|
|
|
|
|
+ // 设置未选中状态的颜色(透明度降低,但不完全变黑)
|
|
|
|
|
+ inactiveColor: '#ccc'
|
|
|
},
|
|
},
|
|
|
series: [{
|
|
series: [{
|
|
|
name: '人数',
|
|
name: '人数',
|
|
|
type: 'pie',
|
|
type: 'pie',
|
|
|
radius: ['40%', '70%'],
|
|
radius: ['40%', '70%'],
|
|
|
center: ['35%', '50%'],
|
|
center: ['35%', '50%'],
|
|
|
|
|
+ // 禁用饼图块的选中模式
|
|
|
|
|
+ selectedMode: false,
|
|
|
data: stats.map(item => ({
|
|
data: stats.map(item => ({
|
|
|
name: item.key === '已离职' ? '离职' : item.key,
|
|
name: item.key === '已离职' ? '离职' : item.key,
|
|
|
value: Math.round(item.value || 0)
|
|
value: Math.round(item.value || 0)
|
|
|
})),
|
|
})),
|
|
|
|
|
+ // 小程序环境中禁用 emphasis,避免阴影渲染问题导致图例区域变黑
|
|
|
emphasis: {
|
|
emphasis: {
|
|
|
- itemStyle: {
|
|
|
|
|
- shadowBlur: 10,
|
|
|
|
|
- shadowOffsetX: 0,
|
|
|
|
|
- shadowColor: 'rgba(0, 0, 0, 0.5)'
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ disabled: true
|
|
|
},
|
|
},
|
|
|
label: {
|
|
label: {
|
|
|
show: false
|
|
show: false
|