DC.js - 图例

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

图例方法

图例支持以下重要方法.让我们详细介绍它们中的每一个.

autoItemWidth([width])

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

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

缺口([缺口])

此方法用于设置或获取图例项之间的差距.它定义如下 :

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

水平([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坐标.