Skip to content

Echarts 散点图

基础用法

点击查看示例代码
vue
<template>
  <h-scatter-v1 :h_data="h_data"></h-scatter-v1>
</template>

<script setup>
const h_data = {
  // 组件名称
  component: 'h-scatter-v1',
  // 标题
  header: '我是基础用法',
  // 副标题
  subtext: '我是基础用法副标题',
  // 数据
  content: [
    [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],
    [14.0, 8.96],
    [12.5, 6.82],
    [9.15, 7.2],
    [11.5, 7.2],
    [3.03, 4.23],
    [12.2, 7.83],
    [2.02, 4.47],
    [1.05, 3.33],
    [4.05, 4.96],
    [6.03, 7.24],
    [12.0, 6.26],
    [12.0, 8.84],
    [7.08, 5.82],
    [5.02, 5.68]
  ]
}
</script>
<template>
  <h-scatter-v1 :h_data="h_data"></h-scatter-v1>
</template>

<script setup>
const h_data = {
  // 组件名称
  component: 'h-scatter-v1',
  // 标题
  header: '我是基础用法',
  // 副标题
  subtext: '我是基础用法副标题',
  // 数据
  content: [
    [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],
    [14.0, 8.96],
    [12.5, 6.82],
    [9.15, 7.2],
    [11.5, 7.2],
    [3.03, 4.23],
    [12.2, 7.83],
    [2.02, 4.47],
    [1.05, 3.33],
    [4.05, 4.96],
    [6.03, 7.24],
    [12.0, 6.26],
    [12.0, 8.84],
    [7.08, 5.82],
    [5.02, 5.68]
  ]
}
</script>