Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://dc-js.github.io/dc.js/docs/html/dc.htmlLegend.html below:

dc.js Class: htmlLegend

chart.legend(dc.htmlLegend().container(legendContainerElement).horizontal(false))

container( [container])

Set the container selector for the legend widget. Required.

Parameters: Name Type Argument Description container String <optional>

Source:

• html-legend.js, line 71

Returns:

Type

String | dc.htmlLegend

highlightSelected( [highlightSelected])

This can be optionally used to enable highlighting legends for the selections/filters for the chart.

Parameters: Name Type Argument Description highlightSelected String <optional>

Source:

• html-legend.js, line 107

Returns:

Type

String | dc.htmlLegend

horizontal( [horizontal])

Display the legend horizontally instead of vertically

Parameters: Name Type Argument Description horizontal String <optional>

Source:

• html-legend.js, line 124

Returns:

Type

String | dc.htmlLegend

legendItemClass( [legendItemClass])

This can be optionally used to override class for legenditem and just use this class style. This is helpful for overriding the style of a particular chart rather than overriding the style for all charts.

Setting this will disable the highlighting of selected items also.

Parameters: Name Type Argument Description legendItemClass String <optional>

Source:

• html-legend.js, line 87

Returns:

Type

String | dc.htmlLegend

legendText( [legendText])

Set or get the legend text function. The legend widget uses this function to render the legend text for each item. If no function is specified the legend widget will display the names associated with each group.

Parameters: Name Type Argument Description legendText function <optional>

Source:

• html-legend.js, line 140

Returns:

Type

function | dc.htmlLegend

Example

// default legendText
legend.legendText(dc.pluck('name'))

// create numbered legend items
chart.legend(dc.htmlLegend().legendText(function(d, i) { return i + '. ' + d.name; }))

// create legend displaying group counts
chart.legend(dc.htmlLegend().legendText(function(d) { return d.name + ': ' d.data; }))

maxItems( [maxItems])

Maximum number of legend items to display

Parameters: Name Type Argument Description maxItems Number <optional>

Source:

• html-legend.js, line 167

Returns:

Type

dc.htmlLegend

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4