<template>
	<div id="ZheXianTu03"></div>
</template>

<script setup>
	import { onMounted } from 'vue'
	import { Line } from '@antv/g2plot'

	const data = [
		{ year: '1991', value: 3 },
		{ year: '1992', value: 4 },
		{ year: '1993', value: 3.5 },
		{ year: '1994', value: 5 },
		{ year: '1995', value: 4.9 },
		{ year: '1996', value: 6 },
		{ year: '1997', value: 7 },
		{ year: '1998', value: 9 },
		{ year: '1999', value: 13 },
		{ year: '1999', value: 8 }
	]

	onMounted(() => {
		const linePlot = new Line('ZheXianTu03', {
			data,
			xField: 'year',
			yField: 'value',
			stepType: 'vh'
		})

		linePlot.render()
	})
</script>

<style scoped></style>
