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 坐标计算。