DC.js-凡例

Legendは、アタッチ可能な画面のカスタマイズです。他のDCチャートに追加して、水平方向の凡例ラベルをレンダリングできます。この章では、凡例について詳しく説明します。

凡例メソッド

Legendは、次の重要なメソッドをサポートしています。それぞれについて詳しく見ていきましょう。

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([テキスト])

このメソッドは、凡例テキスト関数を設定または取得するために使用されます。凡例ウィジェットはこの関数を使用して、各アイテムの凡例テキストをレンダリングします。関数が指定されていない場合、凡例ウィジェットには各グループに関連付けられた名前が表示されます。簡単な例を以下に示します-

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

maxItems([items])

このメソッドは、凡例アイテムの最大数を表示するために使用されます。

x([x])

凡例ウィジェットのx座標を設定または取得するために使用され、以下で定義されます-

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

同様に、y座標を実行することもできます。