DC.js-凡例

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

凡例メソッド

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

このメソッドは、凡例アイテムの自動幅をオンまたはオフに設定するために使用されます。 trueの場合、itemWidthは無視されます。以下に定義されています-

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

このメソッドは、凡例アイテム間のギャップを設定または取得するために使用されます。次のように定義されます-

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

このメソッドは、凡例を水平に配置するために使用され、次のように定義されます。

_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座標を設定または取得するために使用され、以下で定義されています-

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

同様に、y座標も実行できます。