فنکشن گراف عنصر

ایک فنکشن گراف عنصر ریاضیاتی فنکشن کی منحنیات کو قابل ترتیب محور، بھرائی، اور اسٹائلنگ کے ساتھ پیش کرتا ہے۔ اظہار کو ایک سینڈ باکس ماحول میں جانچا جاتا ہے۔

فنکشن گراف عناصر بنیادی عنصر اور نظریہ عنصر سے مشترکہ فیلڈز کا اشتراک کرتے ہیں۔

فنکشن گراف کی خصوصیات

پراپ	قسم	ضروری	مثال	قدر کی حد	تفصیل
type	string	true	-	Function Graph	عنصر کی قسم۔ فنکشن گراف عناصر کے لیے، یہ ہمیشہ "فنکشن گراف" ہوتا ہے۔
expression	string	true	Math.sin(x)	-	پلاٹ کرنے کے لیے ریاضیاتی اظہار۔ متغیر کے طور پر x کے ساتھ جاوا اسکرپٹ Math کی نحو استعمال کرتا ہے۔
range	array	false	[-10, 10]	-	x-axis کی حد دو عناصر کے آرے [min, max] کے طور پر۔
samples	number	false	-	> 0	منحنی کو پلاٹ کرنے کے لیے استعمال ہونے والے نمونہ پوائنٹس کی تعداد۔ زیادہ قیمتیں ہموار منحنیات پیدا کرتی ہیں۔
thickness	number	false	-	> 0	فنکشن کی منحنی کی لائن کی موٹائی، پکسلز میں۔
color	string	false	-	-	فنکشن کی منحنی کی رنگت، ہیکس فارمیٹ میں۔
backgroundColor	string	false	-	-	گراف کے علاقے کا پس منظر رنگ، ہیکس فارمیٹ میں۔
backgroundOpacity	number	false	-	0 - 1	پس منظر کی شفافیت۔
threshold	number	false	-	-	کلپنگ کے لیے زیادہ سے زیادہ y-value کی حد۔ اس قیمت سے آگے کے پوائنٹس کو پیش نہیں کیا جاتا۔
flipY	boolean	false	-	-	کیا Y-axis کی سمت کو پلٹنا ہے۔
fillColor	string	false	-	-	منحنی کے نیچے بھرنے کا رنگ، ہیکس فارمیٹ میں۔
fillOpacity	number	false	-	0 - 1	منحنی کے نیچے بھرنے کے علاقے کی شفافیت۔ بھرائی کو غیر فعال کرنے کے لیے 0 پر مقرر کریں۔

محور کی خصوصیات

پراپ	قسم	ضروری	مثال	قدر کی حد	تفصیل
showAxis	boolean	false	-	-	کیا ہم ہم آہنگی کے محور دکھائیں۔
axisColor	string	false	-	-	محور کی لائنوں کا رنگ، ہیکس فارمیٹ میں۔
axisOpacity	number	false	-	0 - 1	محور کی لائنوں کی شفافیت۔
axisTickCount	number	false	-	-	ہر محور پر ٹک مارکس کی تعداد۔
axisThickness	number	false	-	-	محور کی لائنوں کی موٹائی، پکسلز میں۔
showAxisArrow	boolean	false	-	-	کیا محور کے آخر میں تیر کے سر دکھانے ہیں۔
axisArrowSize	number	false	-	-	محور کے تیر کے سر کا سائز، پکسلز میں۔

مثال

سائن ویو

functionGraphElement.json

 
{
  "id": "graph-001",
  "type": "Function Graph",
  "start": 0,
  "duration": 5,
  "trackIndex": 0,
  "x": 200,
  "y": 200,
  "width": 400,
  "height": 200,
  "anchorX": 200,
  "anchorY": 100,
  "rotation": 0,
  "scaleX": 1,
  "scaleY": 1,
  "alpha": 1,
  "expression": "Math.sin(x)",
  "range": [-10, 10],
  "samples": 200,
  "thickness": 2,
  "color": "#C55F73",
  "backgroundColor": "#000000",
  "backgroundOpacity": 1,
  "showAxis": true,
  "axisColor": "#ffffff",
  "axisTickCount": 10
}

بھری ہوئی مربع فنکشن

functionGraphFilled.json

 
{
  "id": "graph-002",
  "type": "Function Graph",
  "start": 0,
  "duration": 8,
  "trackIndex": 0,
  "x": 300,
  "y": 250,
  "width": 500,
  "height": 300,
  "anchorX": 250,
  "anchorY": 150,
  "rotation": 0,
  "scaleX": 1,
  "scaleY": 1,
  "alpha": 1,
  "expression": "x * x - 4",
  "range": [-5, 5],
  "samples": 300,
  "thickness": 3,
  "color": "#4A90E2",
  "fillColor": "#4A90E2",
  "fillOpacity": 0.3,
  "backgroundColor": "#1a1a2e",
  "backgroundOpacity": 0.9,
  "showAxis": true,
  "axisColor": "#cccccc",
  "axisThickness": 2,
  "showAxisArrow": true,
  "axisArrowSize": 10
}

نوٹس

expression کو ایک سینڈ باکس ماحول میں جانچا جاتا ہے جس میں جاوا اسکرپٹ Math آبجیکٹ تک رسائی ہوتی ہے۔ Math.sin(x), Math.pow(x, 2), Math.exp(x) وغیرہ کا استعمال کریں۔
متغیر x مخصوص range کے ساتھ دی گئی samples کی تعداد کے ساتھ چلتا ہے۔
منحنی اور x-axis کے درمیان کے علاقے کو بھرنے کے لیے fillOpacity کو 0 سے زیادہ مقرر کریں۔
اسیمپٹوٹ کے ساتھ فنکشنز کے لیے انتہائی y-values کو کلپ کرنے کے لیے threshold کا استعمال کریں (جیسے 1/x)۔

Overview

Element

Effect