Compare commits

...

2 Commits

Author SHA1 Message Date
xielei 4545172312 Merge branch 'master' of http://10.0.41.100:3000/lishenfeng/tsg-web 2024-09-30 14:27:53 +08:00
xielei 21994d4217 页面搭建 2024-09-30 14:27:50 +08:00
3 changed files with 57 additions and 35 deletions

View File

@ -43,12 +43,10 @@ const Page = ({ title = '标题' }) => {
// hoverAnimation: true, // hoverAnimation: true,
data: plandata, data: plandata,
label: { label: {
normal: { show:false,
show: true, },
position: 'outside', labelLine: {
formatter: '{c}', show: false
}
}, },
itemStyle:{ itemStyle:{
color: function (colors) { color: function (colors) {

View File

@ -56,12 +56,11 @@ const Page = ({ title = '标题' }) => {
// hoverAnimation: true, // hoverAnimation: true,
data: plandata, data: plandata,
label: { label: {
normal: { show:false,
show: true, },
position: 'outside', labelLine: {
formatter: '{c}', show: false
}, },
},
itemStyle:{ itemStyle:{
color: function (colors) { color: function (colors) {
var colorList = [ var colorList = [

View File

@ -18,38 +18,57 @@ let obj =
const Page = ({ title = '标题' }) => { const Page = ({ title = '标题' }) => {
const [echart2, setEchart2] = useState(Object()) const [echart2, setEchart2] = useState(Object())
const [inspectordata, setInspectorData] = useState([{}]) const [inspectordata, setInspectorData] = useState([{}])
const [plandata, setPlanData] = useState(Object()) const [plandata, setPlanData] = useState([])
const [problemdata, setProblemData] = useState(Object()) const [problemdata, setProblemData] = useState(Object())
const [sumTotal, setSum] = useState(0) const [sumTotal, setSum] = useState(0)
const getPlanOption = useMemo((name, data) => { const getPlanOption = useMemo((name, data) => {
return { return {
legend: { legend: {
data: Object.values(obj), show: true,
data: plandata?.map(item=>item.name),
type: 'scroll' type: 'scroll'
}, },
tooltip: {}, tooltip: {},
polar: { polar: {
radius: [0, '80%'] // radius: [0, '80%']
},
radiusAxis: {
min: 0,
max: Math.max.apply(null, Object.values(plandata)),
axisLine:{
show:false
},
}, },
angleAxis: { angleAxis: {
type: 'category', type: 'category',
data: Object.values(obj), data: plandata?.map(item=>item.name),
// startAngle: 75, },
radiusAxis: {
min: 0,
max: 20,
interval: 2,
// 刻度
axisTick:{
show:false
},
//刻度数值
axisLabel:{
show:false
},
// 线
axisLine:{
show:false
},
}, },
series: [ series: [
{ {
name: '案件类型', name: '案件类型',
type: 'bar', stack: 'a',
coordinateSystem: 'polar', type: 'pie',
radius: [0, 140],
center: ['50%', '50%'],
roseType: 'area',
stillShowZeroSum:false,
label: {
show:false,
},
labelLine: {
show: false
},
itemStyle: { itemStyle: {
normal: { normal: {
color: function (colors) { color: function (colors) {
@ -64,13 +83,11 @@ const Page = ({ title = '标题' }) => {
} }
}, },
}, },
data: Object.values(plandata) data: plandata
} }
] ]
} }
}, [plandata]) }, [plandata])
console.log(getPlanOption);
const onOk = (event, index) => { const onOk = (event, index) => {
if (event !== null) { if (event !== null) {
let params = { let params = {
@ -82,15 +99,23 @@ const Page = ({ title = '标题' }) => {
} }
} }
const getInfo = (params) => { const getInfo = (params) => {
let obj1 = []
let sum = 0 let sum = 0
httppost(apiurl.szzf.ajtj.info + 1, params).then(res => { httppost(apiurl.szzf.ajtj.info + 1, params).then(res => {
res.data.map(item => { const arr = Object.values(obj).map(item1=>{
obj1.push({ value: item.count, name: obj[item.type] }) let obj1=res.data.find(item => obj[item.type] == item1)
sum = sum + item.count if(obj1?.count){
sum =sum+1
return { value: obj1?.count, name: item1 }
}else{
return { value: 0, name: item1 }
}
}) })
// debugger; if(sum == 0){
setPlanData(obj1) setPlanData([])
}else{
setPlanData(arr)
}
setSum(sum) setSum(sum)
}) })