DC.js - พิกัดGridMixin

พิกัดและแกนเรียกอีกอย่างว่า coordinateGridMixin ได้รับการออกแบบมาเพื่อรองรับประเภทแผนภูมิคอนกรีตตามตารางพิกัดเช่นแผนภูมิแท่งแผนภูมิเส้นเป็นต้นลำดับชั้นของ CoordinationGridMixin ถูกกำหนดไว้ในแผนภาพด้านล่าง

CoordinateGridMixin สนับสนุนวิธีการต่างๆเพื่อลดภาระงานในการสร้างแกนพิกัดและมีดังต่อไปนี้ -

  • brushOn ([brushOn])
  • chartBodyG ([ร่างกาย])
  • clipPadding ([แผ่นรอง])
  • ยืดหยุ่น X ([X])
  • โฟกัส ([ช่วง])
  • g ([ราก])
  • isOrdinal()
  • mouseZoomable ([ซูม])
  • rangeChart ([ช่วง])
  • round(r)
  • xAxisMax()
  • xAxisMin()
  • xUnitCount()

ให้เราพูดถึงวิธีการเหล่านี้โดยย่อ

brushOn ([brushOn])

เป็นตัวกรองช่วงที่ใช้แปรง คุณสามารถตั้งค่าเปิด / ปิด หากเปิดแปรงอยู่ผู้ใช้สามารถลากเมาส์ข้ามแผนภูมิ การเปิดสามารถปิดใช้งานองค์ประกอบเชิงโต้ตอบอื่น ๆ บนแผนภูมิเช่นการไฮไลต์เคล็ดลับเครื่องมือและเส้นอ้างอิง มีการกำหนดไว้ด้านล่าง -

chart.brushOn = function (brushOn) {
   if (!arguments.length) {
      return _brushOn;
   }
   _brushOn = brushOn;
   return chart;
};

chartBodyG ([ร่างกาย])

ใช้เพื่อดึงกลุ่ม SVG สำหรับเนื้อหาแผนภูมิ คุณสามารถเรียกใช้ฟังก์ชันนี้ได้ดังที่แสดงด้านล่าง -

chart.chartBodyG = function (body) {
   if (!arguments.length) {
      return _chartBodyG;
   }
};

clipPadding ([แผ่นรอง])

ใช้เพื่อรับหรือตั้งค่าช่องว่างในหน่วยพิกเซลสำหรับเส้นทางคลิป มีการกำหนดไว้ด้านล่าง -

chart.clipPadding = function (pad) {
   if (!arguments.length) {
      return _clipPadding;
   }   
};

ยืดหยุ่น X ([X])

วิธีนี้ใช้เพื่อเปิด / ปิดพฤติกรรมแกน x ที่ยืดหยุ่น หากความยืดหยุ่นของแกน x เปิดอยู่แผนภูมิกริดจะพยายามคำนวณช่วงแกน x ใหม่ ทริกเกอร์เหตุการณ์วาดใหม่ที่กำหนดไว้ด้านล่าง -

chart.elasticX = function (X) {
   if (!arguments.length) {
      return _x;
   }
}

ในทำนองเดียวกันคุณสามารถใช้ elasticY ([Y])

โฟกัส ([ช่วง])

วิธีนี้ใช้ในการซูมแผนภูมิเพื่อโฟกัสไปที่ช่วงที่กำหนด ช่วงที่กำหนดควรเป็นอาร์เรย์ที่มีเพียงสององค์ประกอบ ([start, end])

g ([ราก])

วิธีนี้ใช้เพื่อรับหรือตั้งค่าองค์ประกอบ root g

isOrdinal ()

วิธีนี้ใช้เพื่อส่งคืนลำดับ xUnits ของแผนภูมิ แผนภูมิส่วนใหญ่ทำงานแตกต่างกับข้อมูลลำดับและใช้ผลลัพธ์ของวิธีนี้เพื่อเรียกใช้ตรรกะที่เหมาะสม

mouseZoomable ([ซูม])

วิธีนี้ใช้เพื่อตั้งค่าหรือรับความสามารถในการซูมของเมาส์

rangeChart ([ช่วง])

ใช้เพื่อรับหรือตั้งค่าแผนภูมิการเลือกช่วงที่เกี่ยวข้องกับอินสแตนซ์

รอบ (r)

วิธีนี้ใช้เพื่อตั้งค่าหรือรับฟังก์ชันการปัดเศษที่ใช้ในการกำหนดจำนวนการเลือกเมื่อเปิดใช้งานการแปรงฟัน

xAxisMax ()

คำนวณค่า x สูงสุดที่จะแสดงในแผนภูมิ ในทำนองเดียวกันเราสามารถดำเนินการสำหรับแกน Y

xAxisMin ()

คำนวณค่า x ต่ำสุดที่จะแสดงในแผนภูมิ ในทำนองเดียวกันเราสามารถดำเนินการสำหรับแกน Y

xUnitCount ()

ส่งคืนจำนวนหน่วยที่แสดงบนแกน x ในทำนองเดียวกันเราสามารถดำเนินการสำหรับแกน Y