محور التعلم العالي

مقدمة

جميع الرسوم البيانية باستثناء المخططات الفطيرة لها محور X و Y- المحور. بشكل افتراضي ، يتم عرض المحور السيني في الجزء السفلي من المخطط ويتم عرض المحور ص على اليسار (مع محور ص متعدد ، يمكن عرضه على الجوانب اليمنى واليسرى). عن طريق تعيين chart.inverted = true ، يمكن ضبط مواضع عرض المحور x-y.

دعنا نتعلم محاور الإحداثيات من Highcharts معًا.

العلامات:

1. العنوان

 xaxis: {title: {text: 'x-axis title'}} yaxis: {title: {text: 'y-axis title'}}

2. العلامات

التسميات: ممكّن ، فورث ، setp

 yaxis: {abels: {enabled: true ، formatter: function () {if (this.value <= 3) {return "المستوى الأول ("+this.value+")" ؛ } آخر إذا (this.value> 3 && this.value <= 5) {return "المستوى الثاني ("+this.value+")" ؛ } آخر {return "المستوى الثالث ("+this.value+")" ؛ }} ، الخطوة: 1 // ابحث عن عدة أسطر ليتم عرضها مرة واحدة}

3. شبكة

1.GridlineWidth

عرض خط الشبكة. المحور الافتراضي هو 0 ، والمحور y الافتراضي هو 1px.

2.gridlinecolor

لون خط الشبكة. الافتراضي هو : #C0C0C0 .

3.gridlinedashstyle

نمط خط خط الشبكة. على غرار CSS على غرار الحدود ، تشمل تلك الشائعة الاستخدام: الصلبة ، النقطة ، والاندفاعة .

 yaxis: {// gridlinewidth: '1px' ، // لاحظ أنه إذا تم استخدام هذه الخاصية GridlinedAshstyle ، فلن يعمل Gridlinecolor: '#019000' ، gridlinedashstyle: 'Dash' ،}

4. النوع

 xaxis: {الفئات: ['a' ، 'b' ، 'c']} ، yaxis: {type: 'dateTime'} ،

5. عكس

الانعكاس هو قلب المحور بدلاً من x و y لضبط. على سبيل المثال ، فإن نتيجة عكس المحور ص هي أن المحور ص يبدأ من أكبر قيمة ، وأن القيمة الدنيا في الأسفل

 xaxis: {الفئات: ['a' ، 'b' ، 'c'] ، عكس: true} ، yaxis: {type: 'dateTime' ، Revers: true} ،

6.opposite

عندما يتم ضبط قيمتها على صواب ، فإن المواضع المعروضة على المحور السيني والمحور ص صعودًا وهبوطًا ، واليسار واليمين على التوالي.

 xaxis: {الفئات: ['a' ، 'b' ، 'c'] ، المعاكسة: true} ، yaxis: {type: 'dateTime' ، معاكس: true}

7.

 الرسم البياني: {type: 'line' ، style: {fontsize: "17px" ،} ، inverted: true}

8.min ، كحد أقصى

يتحكم في الحد الأدنى والحد الأقصى لمحور الأرقام.

ملاحظة: التحكم في السماح ، MIN ، خصائص MAX ، يمكنك بسهولة التحكم في نطاق عرض محور الأرقام ، وما إلى ذلك (هذه مشكلة شائعة جدًا)

لخص

ما سبق هو كل شيء عن هذا المقال. هل تعلمت ذلك؟ سيستمر المحرر في تحديث مقالات Highcharts. يجب على الأصدقاء المهتمين بـ HighCharts الاستمرار في الانتباه إلى Wulin.com. آمل أن يساعدك هذا المقال في التعلم.