How to display the Legend item in multiple rows?

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