|
|
|
@ -36,49 +36,53 @@ const drawPie = () => { |
|
|
|
); |
|
|
|
analyzeChartData({ tableKey: props.tableKey, chartId: props.uuid }).then((data) => { |
|
|
|
console.log("火兔", data); |
|
|
|
let optVal = data.data; |
|
|
|
optVal.grid = { |
|
|
|
left: "2%", |
|
|
|
right: "2%", |
|
|
|
bottom: "15%", |
|
|
|
top: "15%", |
|
|
|
containLabel: true, |
|
|
|
}; |
|
|
|
myChartPie.value.setOption(optVal); |
|
|
|
if (data.code == 0) { |
|
|
|
let optVal = data.data; |
|
|
|
optVal.grid = { |
|
|
|
left: "2%", |
|
|
|
right: "2%", |
|
|
|
bottom: "15%", |
|
|
|
top: "15%", |
|
|
|
containLabel: true, |
|
|
|
}; |
|
|
|
myChartPie.value.setOption(optVal); |
|
|
|
} else { |
|
|
|
myChartPie.value.setOption({ |
|
|
|
grid: { |
|
|
|
left: "2%", |
|
|
|
right: "2%", |
|
|
|
bottom: "5%", |
|
|
|
top: "15%", |
|
|
|
containLabel: true, |
|
|
|
}, |
|
|
|
xAxis: { |
|
|
|
type: "category", |
|
|
|
data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], |
|
|
|
}, |
|
|
|
legend: { |
|
|
|
data: ["销量", "销量科技"], |
|
|
|
}, |
|
|
|
yAxis: { |
|
|
|
type: "value", |
|
|
|
}, |
|
|
|
series: [ |
|
|
|
{ |
|
|
|
name: "销量", |
|
|
|
data: [820, 932, 901, 934, 1290, 1330, 1320], |
|
|
|
type: "line", |
|
|
|
smooth: true, |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: "销量科技", |
|
|
|
data: [822, 942, 951, 4, 1290, 1330, 1320], |
|
|
|
type: "line", |
|
|
|
smooth: true, |
|
|
|
}, |
|
|
|
], |
|
|
|
}); |
|
|
|
} |
|
|
|
}); |
|
|
|
// myChartPie.value.setOption({ |
|
|
|
// grid: { |
|
|
|
// left: "2%", |
|
|
|
// right: "2%", |
|
|
|
// bottom: "5%", |
|
|
|
// top: "15%", |
|
|
|
// containLabel: true, |
|
|
|
// }, |
|
|
|
// xAxis: { |
|
|
|
// type: "category", |
|
|
|
// data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], |
|
|
|
// }, |
|
|
|
// legend: { |
|
|
|
// data: ["销量", "销量科技"], |
|
|
|
// }, |
|
|
|
// yAxis: { |
|
|
|
// type: "value", |
|
|
|
// }, |
|
|
|
// series: [ |
|
|
|
// { |
|
|
|
// name: "销量", |
|
|
|
// data: [820, 932, 901, 934, 1290, 1330, 1320], |
|
|
|
// type: "line", |
|
|
|
// smooth: true, |
|
|
|
// }, |
|
|
|
// { |
|
|
|
// name: "销量科技", |
|
|
|
// data: [822, 942, 951, 4, 1290, 1330, 1320], |
|
|
|
// type: "line", |
|
|
|
// smooth: true, |
|
|
|
// }, |
|
|
|
// ], |
|
|
|
// }); |
|
|
|
|
|
|
|
// console.log("画图完毕---->", props); |
|
|
|
} |
|
|
|
}; |
|
|
|
|