fix:优化

This commit is contained in:
wangzenghua 2025-04-24 08:51:32 +01:00
parent fa21b94a88
commit 8012d6c4cf
3 changed files with 17 additions and 4 deletions

View File

@ -37,7 +37,7 @@ export default {
emits: ['click'], emits: ['click'],
setup(props, { emit }) { setup(props, { emit }) {
const chartRef = ref(null); const chartRef = ref(null);
const { setOptions, getInstance } = useEcharts(chartRef); const { setOptions, getInstance, startAutoPlay } = useEcharts(chartRef);
const option = reactive({ const option = reactive({
tooltip: { tooltip: {
trigger: 'axis', trigger: 'axis',
@ -97,6 +97,11 @@ export default {
option.series = props.isSeries && option.series.length > 0 ? option.series : seriesData; option.series = props.isSeries && option.series.length > 0 ? option.series : seriesData;
option.xAxis.data = xAxisData; option.xAxis.data = xAxisData;
setOptions(option); setOptions(option);
startAutoPlay({
interval: 2000,
seriesIndex: 0,
showTooltip: true,
});
getInstance()?.off('click', onClick); getInstance()?.off('click', onClick);
getInstance()?.on('click', onClick); getInstance()?.on('click', onClick);
} }

View File

@ -18,6 +18,14 @@ const state = reactive({
axisPointer: { axisPointer: {
type: 'shadow', type: 'shadow',
}, },
formatter: (data) => {
const params = data[0];
let str = `<div class="custom-echarts-tips">
<span>${params.name}</span><br/>
<span>${params.marker} ${params.data} 万亩</span>
</div>`;
return str;
},
}, },
barStyle: { barStyle: {
barWidth: 15, barWidth: 15,

View File

@ -25,9 +25,9 @@ const options = ref({
{ name: '大同', value: 51.11 }, { name: '大同', value: 51.11 },
], ],
type: 'column', type: 'column',
rowNum: 5, rowNum: 6,
isAnimation: true, isAnimation: true,
waitTime: 2, waitTime: 5,
unit: '万元', unit: '万元',
sort: true, sort: true,
height: 16, height: 16,
@ -48,7 +48,7 @@ const options = ref({
<style scoped lang="scss"> <style scoped lang="scss">
.rank { .rank {
padding: 10px 20px; padding: 10px 20px;
height: 200px; height: 280px;
overflow: hidden; overflow: hidden;
&:deep(.row-item) { &:deep(.row-item) {