使用vue3写一段echarts散点图代码
时间: 2023-04-09 16:03:44 浏览: 146
好的,以下是使用Vue3和Echarts绘制散点图的代码示例:
<template>
<div class="scatter-chart"></div>
</template>
<script>
import * as echarts from 'echarts';
export default {
mounted() {
const chartDom = this.$el;
const myChart = echarts.init(chartDom);
const option = {
xAxis: {},
yAxis: {},
series: [{
symbolSize: 20,
data: [
[10.0, 8.04],
[8.0, 6.95],
[13.0, 7.58],
[9.0, 8.81],
[11.0, 8.33],
[14.0, 9.96],
[6.0, 7.24],
[4.0, 4.26],
[12.0, 10.84],
[7.0, 4.82],
[5.0, 5.68]
],
type: 'scatter'
}]
};
myChart.setOption(option);
}
};
</script>
<style>
.scatter-chart {
height: 400px;
}
</style>