你正在查看 v1.0.1 文档。切换到最新版请访问：/

散点图快速开始

import { BaseScatter } from '@ymhc/harmonycharts'; // 引入散点图组件
import type { BaseScatterConfig } from '@ymhc/harmonycharts'; // 引入配置类型

@Entry // 入口页面
struct Index { // 页面结构体
  @Prop baseScatterConfig: BaseScatterConfig = { // 组件配置（可响应）
    series: [
      { name: 'A', data: [[10, 20], [15, 35], [20, 22]], symbol: 'circle', symbolSize: 8 } // 散点数据
    ],
    grid: { top: 28, left: 12, right: 12, bottom: 24 }, // 画布边距
    tooltip: { show: true, trigger: 'item', confine: true }, // 点触发提示
    legend: { show: true } // 图例开关
  }; // 配置结束

  build() { // 页面构建
    Column() { // 纵向布局
      BaseScatter({ config: this.baseScatterConfig, chartHeight: 220 }) // 渲染散点图
    } // 布局结束
  } // 构建结束
}