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:

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