# Acorex Hierarchy Tree Chart

A responsive, interactive tree chart component for visualizing hierarchical data structures.

## Features

- Vertical or horizontal orientation
- Collapsible nodes
- Customizable styling
- Interactive tooltips
- Zoom and pan support
- Multiple link styles (curved, straight, elbow)

## Usage

```typescript
// Component template
<ax-hierarchy-chart
  [data]="treeData()"
  [options]="chartOptions()"
  (nodeClick)="handleNodeClick($event)"
  (nodeCollapse)="handleNodeCollapse($event)"
></ax-hierarchy-chart>

// Component class
import { AXHierarchyTreeData, AXHierarchyTreeOption } from '@acorex/chart/hierarchy-chart';

treeData = signal<AXHierarchyTreeData>({
  rootNodes: [
    {
      id: 'root',
      label: 'Root',
      children: [
        {
          id: 'child1',
          label: 'Child 1',
          children: [
            { id: 'child1-1', label: 'Child 1.1' },
            { id: 'child1-2', label: 'Child 1.2' }
          ]
        },
        {
          id: 'child2',
          label: 'Child 2',
          children: [
            { id: 'child2-1', label: 'Child 2.1' }
          ]
        }
      ]
    }
  ]
});

chartOptions = signal<AXHierarchyTreeOption>({
  orientation: 'vertical',
  linkStyle: 'curved',
  showTooltip: true,
  expandOnClick: true,
  enableZoom: true
});
```