DC.js - 图例
图例是可附加的屏幕自定义。它可以添加到其他 DC 图表中以呈现水平图例标签。本章详细介绍了图例。
图例方法
图例支持以下重要方法。让我们详细了解每一种方法。
autoItemWidth( [width])
此方法用于设置图例项的自动宽度是否为开。如果为 true,则忽略 itemWidth。它定义如下 −
legend.autoItemWidth = function (width) { if (!arguments.length) { return _width; } }
gap( [gap])
该方法用于设置或获取图例项之间的间隙,定义如下 −
legend.gap = function (gap) { if (!arguments.length) { return _gap; } }
horizontal( [h])
该方法用于水平定位图例,定义如下。
_legend.horizontal = function (h) { if (!arguments.length) { return _h; } };
itemHeight( [itemHeight])
该方法用于设置或获取图例项高度。
legend.itemHeight = function (itemHeight) { if (!arguments.length) { return _itemHeight; } };
itemWidth( [itemWidth])
此方法用于设置或获取水平图例的图例项目宽度。
_legend.itemWidth = function (itemWidth) { if (!arguments.length) { return _itemWidth; } };
legendText( [text])
此方法用于设置或获取图例文本函数。图例小部件使用此函数为每个项目呈现图例文本。如果未指定任何函数,图例小部件将显示与每个组相关联的名称。下面显示了一个简单的示例 −
legend.legendText(dc.pluck('name'))
maxItems( [items])
此方法用于显示图例项目的最大数量。
x( [x])
它用于设置或获取图例小部件的 x 坐标,定义如下−
legend.x = function (x) { if (!arguments.length) { return _x; } };
同样地,您也可以执行 y 坐标计算。