1. WIKI教程
2. 学习DC.js
3. DC.js - Legend

DC.js - Legend

Legend是一个可附加的屏幕定制。 它可以添加到其他DC图表以渲染水平图例标签。 本章详细介绍了图例。

传奇方法

Legend支持以下重要方法。 让我们详细介绍其中的每一个。

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