Web/daimp-front
8
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

xiabin

Browse Source
This commit is contained in:
13713575202 2025-05-22 15:37:05 +08:00
parent 79ac695e43
commit 11c56eabe4
2 changed files with 66 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
new-digital-agriculture-screen/src/components/custom-echart-bar/index.vue
View File

@ -43,34 +43,34 @@ export default {
const chartRef = ref(null); const chartRef = ref(null);
const { setOptions, getInstance, startAutoPlay } = useEcharts(chartRef); const { setOptions, getInstance, startAutoPlay } = useEcharts(chartRef);
let option = reactive({ let option = reactive({
tooltip: { // tooltip: {
trigger: 'axis', // trigger: 'axis',
axisPointer: { // axisPointer: {
type: 'shadow', // type: 'shadow',
label: { // label: {
show: true, // show: true,
backgroundColor: '#333', // backgroundColor: '#333',
}, // },
}, // },
}, // },
legend: { // legend: {
top: 30, // top: 30,
}, // },
grid: { // grid: {
top: 60, // top: 60,
}, // },
xAxis: { // xAxis: {
type: 'category', // type: 'category',
data: [], // data: [],
}, // },
yAxis: { // yAxis: {
type: 'value', // type: 'value',
}, // },
series: [], // series: [],
isHorizontal: { // isHorizontal: {
type: Boolean, // type: Boolean,
default: false, // default: false,
}, // },
}); });
watchEffect(() => { watchEffect(() => {
@ -78,9 +78,10 @@ export default {
}); });
function initCharts() { function initCharts() {
if (props.option) { if (props.option && props.option.grid.top == '15%') {
Object.assign(option, cloneDeep(props.option));
} else {
Object.assign(option, cloneDeep(props.option)); Object.assign(option, cloneDeep(props.option));
}
let typeArr = Array.from(new Set(props.chartData.map((item) => item.type))); let typeArr = Array.from(new Set(props.chartData.map((item) => item.type)));
let xAxisData = Array.from(new Set(props.chartData.map((item) => item.name))); let xAxisData = Array.from(new Set(props.chartData.map((item) => item.name)));
let seriesData = []; let seriesData = [];
@ -111,6 +112,7 @@ export default {
} else { } else {
option.xAxis.data = []; option.xAxis.data = [];
} }
}
console.log(option); console.log(option);
setOptions(option); setOptions(option);
startAutoPlay({ startAutoPlay({

7
new-digital-agriculture-screen/src/views/business/components/businessThere.vue
View File

@ -72,6 +72,11 @@ const series = types.map((type, idx) => {
borderRadius: 4, borderRadius: 4,
formatter: '{@value}万亩', formatter: '{@value}万亩',
z: 100, z: 100,
normal: {
show: true,
position: 'inside',
formatter: '{c}%',
},
}, },
emphasis: { emphasis: {
focus: 'series', focus: 'series',
@ -112,7 +117,7 @@ const state = reactive({
}, },
yAxis: { yAxis: {
type: 'category', // 分类轴（横向条形图的标签） type: 'category', // 分类轴（横向条形图的标签）
data: towns, // 分类数据放在 yAxis data: [120, 230, 152, 136, 145, 17], // 分类数据放在 yAxis
axisTick: { show: false }, // 隐藏刻度线 axisTick: { show: false }, // 隐藏刻度线
}, },
color: colors, color: colors,