How to display the Legend item in multiple rows?

1 min read

Essential Chart supports displaying Legend items in multiple rows using rowCount and columnCount properties of Legend. It is used to display all the Legend items without a scrollbar, when there are a lot of Legend items. By default, the scrollbar appears to avoid overlapping of the Legend items in Chart. The following code illustrates this.

$("#container").ejChart({
    . . . . . .
    legend: { visible: true, rowCount: 2 },
    . . . . . .
});

JS Playground Link: Legend Rows

Screenshot

Displaying the Legend item in multiple rows

Figure 1: Legend items in multiple rows

Did you find this information helpful?

Yes

Comments (0)

How to display the Legend item in multiple rows?

Access denied