DC.js - 图例

---

图例是可附加的屏幕定制。它可以添加到其他 DC 图表中以呈现水平图例标签。本章详细解释了图例。

图例方法

图例支持以下重要方法。让我们详细了解其中每一项。

autoItemWidth([宽度])

此方法用于设置打开或关闭图例项目的自动宽度。如果为 true，则忽略 itemWidth。它的定义如下 -

legend.autoItemWidth = function (width) {
   if (!arguments.length) {
      return _width;
   }
}

间隙（[间隙]）

此方法用于设置或获取图例项之间的间隙。它的定义如下 -

legend.gap = function (gap) {
   if (!arguments.length) {
      return _gap;
   }
}

水平（[h]）

该方法用于水平定位图例，定义如下。

_legend.horizontal = function (h) {
   if (!arguments.length) {
      return _h;
   }
};

项目高度（[项目高度]）

该方法用于设置或获取图例项的高度。

legend.itemHeight = function (itemHeight) {
   if (!arguments.length) {
      return _itemHeight;
   }
};

项目宽度（[项目宽度]）

此方法用于设置或获取水平图例的图例项目宽度。

_legend.itemWidth = function (itemWidth) {
   if (!arguments.length) {
      return _itemWidth;
   }
};

图例文本（[文本]）

该方法用于设置或获取图例文本功能。图例小部件使用此函数来呈现每个项目的图例文本。如果未指定功能，图例小部件将显示与每个组关联的名称。一个简单的例子如下所示 -

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

最大项目数（[项目]）

该方法用于显示图例项的最大数量。

x([x])

它用于设置或获取图例小部件的 x 坐标，定义如下 -

legend.x = function (x) {
   if (!arguments.length) {
      return _x;
   }
};

同样，也可以执行y坐标。