📜  DC.js-图例

📅  最后修改于: 2020-10-25 09:55:40             🧑  作者: Mango


图例是可附加的屏幕自定义。可以将其添加到其他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;
   }
};

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([项目])

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

x([x])

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

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

同样,您也可以执行y坐标。