تخصيص المحاور

  1. نظرة عامة
  2. المصطلحات
  3. مستقل مقابل متواصل
  4. مقياس المحور
  5. تنسيقات الأرقام

نظرة عامة

غالبًا ما يتم عرض الأبعاد في البيانات على المحاور، أفقية ورأسية. وينطبق ذلك على: مخطط منطقة ومخطط شريطي ومخطط شمعدان ومخطط عمودي ومخطط مجمّع ومخطط خطي ورسم بياني مساحي بخطوات ومخطط نقاط مبعثرة.

عند إنشاء رسم بياني باستخدام المحاور، يمكنك تخصيص بعض خصائصها:

  • مستقل مقابل متواصل
  • الاتجاه - يمكنك تخصيص الاتجاه باستخدام الخيار hAxis/vAxis.direction.
  • تحديد موقع النمط ونمطه - يمكنك تخصيص موضع ونمط التصنيف باستخدام خيارات hAxis/vAxis.textPosition وhAxis/vAxis.textStyle.
  • نص عنوان المحور ونمطه - يمكنك تخصيص نص عنوان المحور ونمطه باستخدام الخيارين hAxis/vAxis.title وhAxis/vAxis.titleTextStyle.
  • مقياس المحور - يمكنك تعيين مقياس محور على مقياس لوغاريتمي (تسجيل) باستخدام خيارات hAxis/vAxis.logScale أو hAxis/vAxis.scaleType.
  • للحصول على قائمة كاملة بخيارات ضبط المحور، يمكنك الاطّلاع على خيارَي المحور وvAxis في مستندات الرسم البياني المحدّد.

المصطلحات

المحور الرئيسي/الفرعي:

  • المحور الرئيسي هو المحور بطول الاتجاه الطبيعي للمخطط. بالنسبة إلى المخططات الخطية والمساحية والعمودية والمكونة للخطوات ومخطط الشموع، يكون هذا هو المحور الأفقي. بالنسبة إلى المخطط الشريطي، يكون المخطط العمودي. ليس للمخططات المبعثرة والدائرية محور رئيسي.
  • المحور الثانوي هو المحور الآخر.

محور منفصل/مستمر:

  • يحتوي المحور المنفصل على عدد محدود من القيم المتساوية المسافات، ويُطلق عليها الفئات.
  • يحتوي المحور المستمر على عدد لا نهائي من القيم المحتملة.

متعدّدة مقابل مستمرة

يمكن أن يكون المحور الرئيسي للرسم البياني إما منفصلاً أو متواصلاً. عند استخدام محور منفصل، يتم الفصل بين نقاط البيانات لكل سلسلة بشكل متساوٍ عبر المحور، وفقًا لفهرس الصف. عند استخدام محور مستمر، يتم وضع نقاط البيانات وفقًا لقيمة نطاقها.

كما يختلف التصنيف أيضًا. في محور منفصل، تُستخدم أسماء الفئات (المحددة في عمود نطاق البيانات) كتصنيفات. في محور مستمر، يتم إنشاء العلامات تلقائيًا: يعرض الرسم البياني خطوط الشبكة المتباعدة بالتساوي، حيث يتم تصنيف كل سطر من الشبكة وفقًا للقيمة التي تمثلها.

المحاور التالية دائمًا متواصلة:

  • كلا محوري الرسوم البيانية الفقاعية.
  • المحور الثانوي.

يمكنك التحكم في نوع المحور الرئيسي من خلال المخططات الخطية والمساحية والشريطية والعمودية وشموع الشموع (والمخططات التي تحتوي على مثل هذه السلاسل فقط):

  • بالنسبة إلى محور منفصل، اضبط نوع عمود البيانات على string.
  • بالنسبة إلى المحور المستمر، اضبط نوع عمود البيانات على أحد الأعمدة التالية: number أو date أو datetime أو timeofday.
منفصل / مستمر نوع العمود الأول مثال
منفصلة سلسلة
مستمرة number
مستمرة التاريخ

مقياس المحور

يمكنك ضبط مقياس محور باستخدام الخيار scaleType. على سبيل المثال، لضبط مقياس المحور الرأسي على مقياس السجل، استخدم الخيار التالي:

  vAxis: {
        scaleType: 'log'
  }

يوضح المخطط الخطي التالي نمو سكان العالم في كل من المقياس الخطي (القياسي) والمقياس اللوغاريتمي.

<html>
  <head>
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
      google.charts.load('current', {packages:['corechart']});
      google.charts.setOnLoadCallback(drawStuff);

        function drawStuff() {
          var data = new google.visualization.DataTable();
          data.addColumn('string', 'Country');
          data.addColumn('number', 'GDP');
          data.addRows([
            ['US', 16768100],
            ['China', 9181204],
            ['Japan', 4898532],
            ['Germany', 3730261],
            ['France', 2678455]
          ]);

         var options = {
           title: 'GDP of selected countries, in US $millions',
           width: 500,
           height: 300,
           legend: 'none',
           bar: {groupWidth: '95%'},
           vAxis: { gridlines: { count: 4 } }
         };

         var chart = new google.visualization.ColumnChart(document.getElementById('number_format_chart'));
         chart.draw(data, options);

         document.getElementById('format-select').onchange = function() {
           options['vAxis']['format'] = this.value;
           chart.draw(data, options);
         };
      };
    </script>
  </head>
  <body>
    <select id="format-select">
      <option value="">none</option>
      <option value="decimal" selected>decimal</option>
      <option value="scientific">scientific</option>
      <option value="percent">percent</option>
      <option value="currency">currency</option>
      <option value="short">short</option>
      <option value="long">long</option>
    </select>
    <div id="number_format_chart">
  </body>
</html>

عند استخدام تنسيق يستخدم نصًا (مثل تنسيق long، الذي يعرض 8000000 على شكل "8 ملايين")، يمكنك ترجمة السلاسل إلى لغات أخرى عن طريق تحديد رمز اللغة عند تحميل مكتبة مخططات Google. على سبيل المثال، لتغيير "8 ملايين" إلى "8 миллооа" الروسية، يمكنك استدعاء المكتبة كما يلي:

<script type='text/javascript' src='https://www.gstatic.com/charts/loader.js'></script>
<script type='text/javascript'>
  google.charts.load('current', {'packages': ['corechart'], 'language': 'ru'});
  google.charts.setOnLoadCallback(drawMarkersMap);
</script>