Version 24.2 (latest)

Legend

Purpose

This topic demonstrates usage of the built-in Legend for the igFinancialChart.

In this topic

Introduction

The igFinancialChart has a built-in FinancialLegend that once enabled, will appear for each series and overlay in the chart with its items horizontally aligned between the toolbar and the chart’s plot area. The legend is disabled by default.

In order to enable the legend, you can set the IsLegendVisible option of the igFinancialChart to true.

Preview

The following is a screenshot showing the built-in FinancialLegend to the igFinancialChart:

financialchart jquery legend.png

Code Snippet

The following code can be used to enable the legend in the igFinancialChart.

In JavaScript:

$(function () {
    $("#chart").igFinancialChart({
        dataSource: stocks,
        isLegendVisible: true
    });
});

The following topics provide additional information related to this topic:

Topic Purpose

This topic demonstrates how to bind data to the igFinancialChart control.

This topic demonstrates the functionality available in the igFinancialChart's toolbar.

View on GitHub