Skip to content

ScatterChart 散点图

基于 ECharts 封装的散点图组件。

基础用法

vue
<script setup>
import { scatterChart } from '@twi1i9ht/visual-lib'

const data = [
  [10.0, 8.04],
  [8.07, 6.95],
  [13.0, 7.58],
  [9.05, 8.81],
  [11.0, 8.33],
  [14.0, 7.66],
  [13.4, 6.81],
  [10.0, 6.33],
]
</script>

<template>
  <scatterChart :data="data" title="散点分布" />
</template>

Props

属性类型默认值说明
dataArray<[number, number]>散点数据 [x, y]
titlestring图表标题
symbolSizenumber10点的大小
colorstring'#5470c6'点的颜色
xAxisNamestringX 轴名称
yAxisNamestringY 轴名称
showTooltipbooleantrue是否显示提示框
optionEChartsOption高级配置

Released under the MIT License.