Latest web development tutorials

ووصف خيارات التكوين Highcharts في التفاصيل

توفر Highcharts خيارات التكوين الكثير من المعلمات، يمكنك تخصيصها بسهولة لتلبية متطلبات المستخدمين الرسوم البيانية في هذا القسم لمعرفة المزيد من خيارات التكوين Highcharts للاستخدام:


معلمات التكوين (سمات + الحدث)

  1. chart.events.addSeries: إضافة عدد الأعمدة إلى المخطط.

  2. chart.events.click: انقر على حدث وقع في كامل منطقة مؤامرة الرسم البياني.

  3. chart.events.load: مخطط الحدث تحميل.

  4. chart.events.redraw: الرسم البياني رسم الحدث، انقر على عروض أسطورة، ويمكن أن يؤدي الرسم خفية.

  5. chart.events.selection: عندما يكون اختيار التكبير الرسم البياني منحنى، حدد الرسم البياني عندما العملية يمكن أن تؤدي إلى الحدث.

  6. chart.height: ارتفاع الرسم البياني رسمها.

  7. chart.inverted: الرسم البياني X، Y محور في البورصة.

  8. chart.polar: ما إذا كان الرسم البياني القطبي.

  9. chart.reflow: عندما يتغير حجم الإطار، عرض تغيير حجم إطار المخطط التكيف.

  10. chart.renderTo: تحميل الرسم البياني، هو كائن DOM على الصفحة.

  11. chart.showAxes: الرسم البياني فارغ، سواء لعرض المحاور.

  12. chart.type: نوع الرسم البياني، خط افتراضي، هناك شريط / عمود / فطيرة ......

  13. chart.width: عرض ناحية الرسم على الرسم البياني، الافتراضي هو التكيف.

  14. chart.zoomType: نوع تضخيم البيانات في الرسم البياني للتقرير، يمكنك تكبير الخريطة لالمحور السيني أو العمودي التكبير، يمكنك تكبير XY محاور في وقت واحد.

  15. الألوان: معظم الأعمدة في الرسم البياني، وعدد من الأعمدة بين كل لون. عبارة عن صفيف، عموما لا تتحرك.

  16. الاعتمادات .enabled: ما اذا كان سيسمح عرض معلومات حقوق النشر.

  17. credits.href: رابط حقوق الطبع والنشر.

  18. credits.text: معلومات حقوق النشر عرض النص.

  19. تصدير .buttons.exportButton.enabled: ما اذا كان سيسمح الزر عرض التصدير.

  20. exporting.buttons.exportButton.menuItems: خيار القائمة زر التصدير.

  21. الحدث يتم النقر على زر تصدير، وليس القائمة الداخلية: exporting.buttons.exportButton.onclick.

  22. exporting.buttons.printButton.enabled: ما اذا كان سيسمح للزر الطباعة.

  23. exporting.buttons.printButton.onclick: زر الطباعة انقر فوق الحدث.

  24. exporting.enabled: يسمح طباعة وتصدير الأزرار.

  25. exporting.filename: هو اسم الملف من ملف التصدير.

  26. exporting.type: افتراضي تنسيقات ملفات الصور التصدير.

  27. exporting.url: SVG الرسم البياني للتحويل وتجهيز الصادرات عنوان اجهة.

  28. exporing.width: الافتراضي عرض الصورة التصدير.

  29. العلامات: العلامات يمكن تحميلها في أي موقف من الرسم البياني، وهناك بنود، على غرار.

  30. لانغ: لغة التكوين المعلمة، والتكوين المتعلقة القائمة زر تصدير، اسم وآخر مرة التكوين.

  31. legend.enabled: ما اذا كان سيسمح ليجند.

  32. navigation.buttonOptions.enabled: أزرار المخطط التنقل سواء كل ما يمكن النقر.

  33. plotOptions .area.allowPointSelect: ما اذا كان سيسمح النقاط فوق البيانات.

  34. plotOptions.area.color: رسم اللون.

  35. plotOptions.area.dataLabels.enabled: ما اذا كان سيسمح للتسميات البيانات.

  36. plotOptions.area.enableMouseTracking: ما اذا كان سيسمح البيانات في المخطط، يتم عرض نقطة تتبع الماوس البيانات فقاعة.

  37. plotOptions.area.events.checkboxClick: البيانات في الرسم البياني أسطورة مربع فوق الحدث.

  38. plotOptions.area.events.click: الخرائط البيانات، تشير البيانات انقر فوق الحدث.

  39. plotOptions.area.events.hide: الرسم البياني البيانات، وتسلسل البيانات الأحداث عند المخفية.

  40. plotOptions.area.events.show: الرسم البياني البيانات، وتسلسل البيانات الأحداث عند عرضها.

  41. plotOptions.area.events.legendItemClick: مخطط البيانات، يتم النقر على أسطورة من هذا البند حال، فإن مهمة المباشر كاذبة، فإنه ليس للنقر.

  42. plotOptions.area.events.mouseOut: نقاط البيانات الماوس من هذا الحدث.

  43. plotOptions.area.events.mouseOver: نقاط البيانات الماوس بعد وقوع الحدث.

  44. plotOptions.area.marker.enabled: سواء لعرض علامة نقطة الرسم البياني الرسم.

  45. plotOptions.area.marker.states.hover.enabled: ما اذا كان سيسمح دولة العلامة التمديد.

  46. plotOptions.area.marker.states.select.enabled: ما اذا كان سيسمح وضع العلامة الاختيار.

  47. plotOptions.area.point.events.click: رسم كل واحد الحدث نقطة نقرة.

  48. plotOptions.area.point.events.mouseOut

  49. plotOptions.area.point.events..mouseOver

  50. حذف حدث تستخدم الرسم البياني نقاط: plotOptions.area.point.events.remove.

  51. plotOptions.area.point.events.select: حدد الحدث الرسم البياني منتصف.

  52. plotOptions.area.point.events.unselect: الحدث التخطيط منتصف عندما إلغاء تحديد.

  53. plotOptions.area.point.events.update: يحدث الحدث التحديث عندما تكون البيانات في التخطيط.

  54. plotOptions.area.visible: عند تحميل يتم عرض سلسلة البيانات الافتراضية أو مخفية.

  55. plotOptions.area.zIndex: في حالة تسلسل متعددة، وضبط ترتيب التراص من كل تسلسل.

  56. فوق point.events نفسه ينطبق أيضا على منطقة أخرى من المخططات فئة (arearange، areaspline، areasplinerange)، الرسم البياني الآخرين (شريط، عمود) وجميع الرسوم البيانية.

  57. plotOptions.area.showInLegend: ما إذا كان لتظهر في أسطورة.

  58. plotOptions.area.stacking: هي قيمة المكدس، كومة أو كنسبة مئوية.

  59. plotOptions.area.states.hover.enabled: ما اذا كان سيسمح للدولة لوضع الماوس.

  60. plotOptions.area.stickyTracking: الماوس لزجة نقاط بيانات تتبع.

  61. plotOptions.arearange، plotOptions.areaspline، plotOptions.areasplinerange على غرار plotOptions.area

  62. plotOptions.bar.groupPadding: للحصول على شريط الرسوم البيانية فاصل حزمة بين كل علبة.

  63. plotOptions.bar.grouping: سواء لتجميع البيانات.

  64. plotOptions.bar.minPointLength :: يحدد قيمة النقطة الصفر، نقطة من الحد الأدنى للطول ل

  65. plotOptions.bar.showInLegend: ما إذا كان لتظهر في أسطورة.

  66. plotOptions.bar.stacking: هي قيمة المكدس، كومة أو كنسبة مئوية (نسبة مئوية العادية /).

  67. plotOptions.column، plotOptions.columnrange على غرار plotOptions.bar

  68. التكوين plotOptions.line ذات الصلة هو التكوين plotOptions.area مماثل.

  69. plotOptions.pie.ignoreHiddenPoint: في الرسم البياني، تسلسل معين كتبها Legend انقر لإخفاء، والرسم البياني كله 100٪ إعادة التعيين، أو خفية إلا على أساس من الأصل، مما يدل على الفجوة.

  70. plotOptions.pie.innerSize: عند رسم مخطط دائري، وسط المخطط الدائري لحجز فارغة من ذلك بكثير.

  71. plotOptions.pie.slicedOffset: allowPointSelect استخدام بالتزامن مع، عند النقر على هذه النقطة، وقشر قطاع المقابل، هذه المعلمة التكوين الذي تم متباعدة على مسافة.

  72. التكوين المشترك غيرها من المعالم plotOptions.pie تشابه plotOptions.area، plotOptions.scatter، plotOptions.series، plotOptions.spline التكوين ذات الصلة التكوين plotOptions.area ما شابه ذلك.

  73. سلسلة: صفيف.

  74. series.data.color: البيانات لون واحد.

  75. series.data.dataLabels: بيانات تسمية البيانات سلسلة واحدة.

  76. series.data.events مماثلة لتكوين plotOptions.area.point.events.

  77. series.data.marker مماثلة لتكوين plotOptions.area.marker.

  78. series.data.name: اسم من نقاط البيانات التكوين.

  79. series.data.sliced: تكوين الرسم البياني، والمسافة التي تفصل بين حجم القطاع.

  80. series.data.x: قيمة س من هذه النقطة.

  81. series.data.y: قيمة y نقطة.

  82. series.name: اسم تسلسل البيانات.

  83. series.stack: مكدسة مؤشر المجموعة.

  84. series.type: تسلسل البيانات نوع العرض.

  85. series.xAxis، series.yAxis: عند استخدام عدة محاور، يحدد أي محور يتوافق مع عدد من الأعمدة.

  86. العنوان الفرعي: تكوين العنوان الفرعي على الرسم البياني.

  87. العنوان: عنوان تكوين الرسم البياني.

  88. تلميح: تكوين بيانات فقاعة موجه في الرسم البياني.

  89. tooltip.valueDecimals: السماح المنازل العشرية.

  90. tooltip.percentageDecimals: السماح نسبة الكسور العشرية.

  91. إعدادات التكوين محور xAxis، yAxis

  92. allowDecimals: ما اذا كان سيسمح العشرية محور.

  93. فئات هي: مجموعة من المحاور التصنيف.

  94. plotLines: رسم الخط الرئيسي.

  95. tickColor: مقياس اللون.

  96. tickInterval: خطوة على نطاق وقيمة.

  97. labels.rotation: على نطاق وتسميات درجة دوران

الرسم البياني: الخيار ناحية التخطيط

يستخدم ناحية التخطيط خيار المنطقة البياني لتعيين الخصائص.

المعلمات وصف افتراضي
backgroundColor لون الخلفية تحديد ناحية التخطيط # FFFFFF
borderWidth تعيين عرض الحدود الرسم البياني 0
borderRadius وضع الحدود، تقريب زوايا 5
renderTo الرسم البياني وضع حاويات، بشكل عام يوضع في أتش تي أم أل DIV، احصل على DIV معرف قيمة سمة باطل
defaultSeriesType نوع التخطيط الافتراضي خط، شريحة، منطقة، areaspline، العمود، وبار، فطيرة، مبعثر 0
عرض عرض الرسم البياني، وفقا للجدول حاوية العرض الافتراضي التكيف باطل
ارتفاع الرسم البياني الارتفاع، الحاوية التخطيط الافتراضي وفقا لقدرة عالية على التكيف باطل
هامش والعناصر الأخرى في مجموعة التخطيط الملعب، مثل [0،0،0،0] [فارغة]
plotBackgroundColor لون الخلفية لون الخلفية ناحية التخطيط الرئيسية، X و Y محاور في المنطقة المغلقة باطل
plotBorderColor لون المنطقة الحدودية يتاخم الرسم البياني الرئيسي، X و Y محاور في المنطقة المغلقة باطل
plotBorderWidth عرض الحدود ناحية المخطط الرئيسي 0
شبح يتم تعيين الظل، تحتاج إلى تعيين backgroundColor لون الخلفية. زائف
إنحسر سواء باستخدام ناحية التخطيط من الطول والعرض، إذا لم يتم تغيير العرض والارتفاع، سوف يكون حجم التكيف. صحيح
zoomType اسحب الماوس لتكبير، والتكبير على طول X أو Y محور، يمكن تعيين ل: 'س'، 'ذ'، 'س ص " ''
أحداث حدث رد أسلوب الدعم addSeries، انقر فوق طريقة، طريقة الحمل، وطريقة اختيار وظيفة الإستدعاء.

اللون: اللون الخيارات

خيارات الألوان لتحديد لون الرسم البياني لمخطط اللون.

المعلمات وصف افتراضي
اللون لعرض اللون، ومجموعة من الرسوم البيانية، خط / شريط / الرسم البياني هلم جرا. مجموعة

Highcharts يوفر بالفعل العديد من الألوان الافتراضي، إذا كنت ترغب في عرض الرسومات أكثر من لون ونوع، والمزيد من الرسومات سوف تبدأ تلقائيا من أول اختيار نظام الألوان. العرف نهج نظام الألوان:

Highcharts.setOptions({
    colors: ['#058DC7', '#50B432', '#ED561B', '#DDDF00', '#24CBE5', '#64E572', '#FF9655',
'#FFF263', '#6AF9C4']
});

العنوان: خيارات لقب

يستخدم الخيار شرح ملكية بتعيين الخصائص ذات الصلة من عنوان التخطيط.

المعلمات وصف افتراضي
نص نص العنوان. عنوان التخطيط
محاذاة المحاذاة الأفقية. مركز
verticalAlign المحاذاة العمودية. أعلى
هامش بين العنوان الرئيسي والعنوان الفرعي أو تخطيط مجموعة الملعب. 15
عائم سواء العائمة، إذا كان هذا صحيحا، ويمكن تعويض اللقب من ناحية التخطيط الرئيسية، مع x، السمة ذ. زائف
أسلوب الأنماط CSS تعيين. {اللون: '# 3E576F،
حجم الخط: '16px'}

خيارات الترجمة: الترجمة

خيارات الملكية عنوان فرعي توفير كبير في نفس العنوان مع عنوان، لا يمكن للعنوان الرجوع إلى الخيارات المذكورة أعلاه، ومن الجدير بالذكر أن العنوان الفرعي التخلف خيار النص إلى ''، وهذا هو فارغ، لذلك لا يتم عرض الترجمة بشكل افتراضي.


xAxis: خيار المحور X

يستخدم الخيار X محور لضبط الرسم البياني المحور السيني الخصائص ذات الصلة.

المعلمات وصف افتراضي
فئات تعيين أسماء فئة X محور، المصفوفات، على سبيل المثال: فئات: [ 'التفاح'، 'الموز'، 'البرتقال'] []
لقب اسم X المحور، والنص الدعم، تمكين، محاذاة، والتناوب، على غرار وغيرها من الصفات
تسميات تعيين المحور العاشر من كل نمط أسلوب اسم الفئة، شكل المنسق، زاوية دوران، وما شابه ذلك. مجموعة
ماكس X-محور القيمة القصوى (فئات فارغة)، إذا كان لاغيا، ثم أقصى قيمة تلقائيا تطابق البيانات المحور السيني إلى الحد الأقصى. باطل
دقيقة المحور العاشر الحد الأدنى (فئات فارغة)، إذا كان لاغيا، ثم قيمة الحد الأدنى تلقائيا تطابق البيانات المحور السيني إلى أدنى حد ممكن. مجموعة
gridLineColor شبكة (العمودي) اللون # C0C0C0
gridLineWidth شبكة (شريط عمودي) عرض 1
lineColor اللون الأساسي # C0D0E0
lineWidth عرض الخط القاعدي 0

الخيار محور Y: yAxis

الخيار العمودي يتسق مع خيارات xAxis المذكورة أعلاه، يرجى الرجوع إلى الجدول في إعدادات المعلمة لم تعد سرد كل على حدة.


سلسلة: بيانات الخيارات العمود

يستخدم الخيار أعمدة البيانات لضبط الرسم البياني لعرض البيانات الخصائص ذات الصلة.

المعلمات وصف افتراضي
معطيات عرض في العمود بيانات الرسم البياني، والذي يمكن أن يكون صفيف أو بيانات جسون تنسيقها. مثل: البيانات: [0، 5، 3، 5]، أو
البيانات: [{اسم: "النقطة 1، ص: 0}، {اسم:" النقطة 2، ص: 5}]
''
اسم يعرض اسم عمود البيانات. ''
نوع أنواع البيانات عمود، منطقة الدعم، areaspline، شريط، العمود، خط، فطيرة، مبعثر أو شريحة خط

plotOptions: خيارات نقطة بيانات

plotOptions تستخدم لتعيين نقاط بيانات المخطط الخصائص ذات الصلة. plotOptions وفقا لمختلف أنواع التخطيط، خصائصها مجموعة مختلفة قليلا، الآن الخيارات المستخدمة عادة المذكورة.

المعلمات وصف افتراضي
تمكين يتم عرض البيانات مباشرة على نقاط البيانات زائف
allowPointSelect ما اذا كان سيسمح استخدام الماوس لتحديد نقاط البيانات زائف
المنسق وظيفة الاستدعاء، شكل عرض البيانات المنسق: وظيفة () {العودة this.y؛}

تلميح: نقاط البيانات البالون

معلومات تلميح الأدوات لتحديد مربع موجه عندما يتم عرض نقطة بيانات الشريحة الماوس.

المعلمات وصف افتراضي
تمكين سواء لعرض مربع موجه صحيح
backgroundColor تعيين بالون لون الخلفية رغبا (255، 255، 255، 0.85)
ون_الحدود لون الحدود بالون، عمود البيانات الافتراضية تلقائيا تطابق اللون السيارات
borderRadius بالون زاوية مستديرة 5
شبح سواء لعرض الظلال مربع سريعة صحيح
أسلوب وضع أساليب محتوى البالون، مثل لون الخط، الخ اللون: '# 333
المنسق وظيفة رد الاتصال لتنسيق إخراج عرض البالون. الخلفي محتوى الدعم مثل علامات HTML: <ب> و <strong>، <ط>، <م>، <BR/>، <SPAN> 2

أسطورة: أسطورة الخيار

يستخدم أسطورة أسطورة لتعيين الخصائص.

المعلمات وصف افتراضي
تصميم تنسيق العرض، مستوى الرأسي الرأسي والأفقي للدعم أفقي
محاذاة المحاذاة. مركز
backgroundColor لون الخلفية أسطورة. باطل
ون_الحدود لون الحدود أسطورة. # 909090
borderRadius زاوية الحدود أسطورة 5
تمكين سواء لعرض أسطورة صحيح
عائم أنا يمكن أن تطفو، مع x، خصائص ذ. زائف
شبح سواء لعرض الظلال زائف
أسلوب محتوى أسلوب أسطورة ''

للحصول على معلومات أكثر تفصيلا، يرجى الرجوع إلى الموقع الرسمي للhighcharts توثيق: http://api.highcharts.com/highcharts