DC.js - ตำนาน

Legend คือการปรับแต่งหน้าจอที่แนบมาได้ สามารถเพิ่มลงในแผนภูมิ DC อื่น ๆ เพื่อแสดงฉลากคำอธิบายแนวนอน บทนี้จะอธิบายเกี่ยวกับตำนานโดยละเอียด

วิธีตำนาน

Legend สนับสนุนวิธีการที่สำคัญดังต่อไปนี้ ให้เราดูรายละเอียดแต่ละข้อ

autoItemWidth ([กว้าง])

วิธีนี้ใช้เพื่อตั้งค่าความกว้างอัตโนมัติสำหรับเปิดหรือปิดรายการตำนาน ถ้าเป็นจริง 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 ([รายการ])

วิธีนี้ใช้เพื่อแสดงจำนวนรายการตำนานสูงสุด

x ([x])

ใช้เพื่อตั้งค่าหรือรับพิกัด x สำหรับวิดเจ็ตตำนานและกำหนดไว้ด้านล่าง -

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

ในทำนองเดียวกันคุณสามารถดำเนินการพิกัด y