@syhr/dga-charts

基于 IEC 60599 标准的变压器溶解气体分析（DGA）可视化诊断图表库。专为电力物联网、变压器状态监测及运维平台打造，提供专业、直观、高性能的故障诊断可视化方案。

✨ 核心特性

• 📦 开箱即用：内置标准的诊断区域定义，免去繁琐的坐标计算。
• 🎨 极致交互：支持 Canvas 原生绘制，包含辉光（Glow）特效、多层嵌套区域悬浮交互。
• 📊 多维视图：包含平面的五边形、三角形，以及支持多视角切换（3D/主视/侧视/俯视）的三比值立体空间图。
• 🌗 主题适配：原生支持 dark 与 light 模式无缝切换。
• 🚀 无依赖：底层完全使用原生 Canvas 2D 构建，极致轻量，无需依赖 ECharts 或 Three.js。

📦 安装

使用您常用的包管理工具进行安装：

npm install @meetjs/dga-charts
# 或者
pnpm add @meetjs/dga-charts
# 或者
yarn add @meetjs/dga-charts

📈 支持图表类型

本图表库包含业界最主流的三大 DGA 诊断流派：

1. Duval Pentagon (Duval 五边形)
   • 包含 五边形 1（通用诊断）和 五边形 2（OLTC及充油套管专版）。
2. Duval Triangle (Duval 三角形)
   • 包含 三角形 1（常规诊断）、三角形 4（低温与局放）、三角形 5（热故障细分）。
3. IEC 三比值立体诊断图
   • 创新的伪 3D 可视化，将比值映射在立体空间中，支持视角切换及2D投影平面。

🚀 基础用法

以 Duval 五边形为例：

<!-- 准备一个具备宽高尺寸的 DOM 容器 -->
<div id="chart-container" style="width: 100%; height: 400px;"></div>

import { DuvalPentagon } from '@meetjs/dga-charts'
// 也可以引入内置的 IEC 诊断区域坐标数据
// import { DUVAL_PENTAGON_ZONES1 } from '@meetjs/dga-charts'

// 初始化图表实例
const chart = new DuvalPentagon('#chart-container', {
  theme: 'dark',
  // 支持纯数组数据 [H2, C2H2, C2H4, CH4, C2H6]
  series: [
    {
      name: '主变压器 A相',
      itemStyle: { color: '#00e5ff', radius: 6 },
      glowStyle: { show: true, color: '#00e5ff', blur: 15 },
      data: [
        [120, 5, 80, 40, 10]
      ]
    }
  ]
})

// 监听诊断结果
chart.on('diagnose', (results) => {
  console.log('故障诊断结果:', results)
})

📖 官方文档

详细的 API 参考、进阶配置（如坐标网格自定义、独立气泡样式、交互式 Formatter）以及所有图表的 Live Demo，请查阅我们的官方文档网站。

(建议将此处替换为您部署后的文档实际网址，如 https://shr.dga-chart.ccwu.cc/ )

📄 License

MIT © SYHR