مقدمة
جميع الرسوم البيانية باستثناء المخططات الفطيرة لها محور 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. آمل أن يساعدك هذا المقال في التعلم.