Object Tree
The Object Tree is a comprehensive component that provides a hierarchical view of all chart elements. It displays chart properties, indicators, and overlays in an organized tree structure, allowing users to easily manage and interact with chart objects.
Overview
The Object Tree offers a convenient way to:
- View all chart properties (symbol, exchange, type)
- Manage indicators and overlays visibility
- Lock/unlock overlays
- Remove indicators and overlays
Enabling Object Tree
The Object Tree is enabled by default but can be controlled via the API:
typescript
new ChartSpire({
// ... other options
objectTreeEnabled: true,
})Features
Chart Properties
- Symbol: Current trading symbol (e.g., BTCUSDT)
- Exchange: Exchange name (e.g., binance)
- Type: Asset type (e.g., crypto, stock, forex)
Indicators Management
Individual indicators are displayed directly in the tree with the following controls:
- Eye icon: Toggle indicator visibility
- X icon: Remove indicator from chart
Overlays Management
Individual overlays (drawings) are displayed with comprehensive controls:
- Eye icon: Toggle overlay visibility
- Lock icon: Lock/unlock overlay to prevent modifications
- X icon: Remove overlay from chart