javascript pie تعيين قيمة لمحور صغري أدنى في Google Charts API




pie chart (2)

أحاول إنشاء مخطط Google لإظهار بعض فترات الجهوزية والوقت التعثر ، مكدسة. هذا يعمل بشكل رائع باستثناء شيء صغير واحد - أود أن يكون المخطط الأساسي في 99.8 ، والحد الأقصى ليكون 100 - لأن ساعات التوقف هي عادة أقل من 0.2 ، وهذا سيجعل الرسم البياني قابلاً للقراءة.

هذا يبدو بسيطا بما فيه الكفاية بالنسبة لي. حسبت ذلك من شأنه أن يعمل:

var data = new google.visualization.DataTable();
data.addColumn('string', 'Date');
data.addColumn('number', 'Uptime');
data.addColumn('number', 'Downtime');
data.addRows([
  ['Dec 1, 1830',   99.875, 0.125],
  ['Dec 8, 1830',   99.675, 0.325],
  ['Dec 15, 1830',  99.975, 0.025],
  ['Dec 22, 1830',  100.0,  0.0]
]);

var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
chart.draw(data, {width: 400, height: 240, isStacked: true, vAxis: { title: "Percentage Uptime", minValue: 99.8, maxValue: 100}});

لسوء الحظ ، يتجاهل المخطط تمامًا القيمة المصغرة على vAxis. يبدو أن هذا السلوك متوقع ، وفقًا لـ API ، لكن هذا يترك السؤال - كيف يمكنني تحقيق ذلك؟ حتى أنني ذهبت إلى حد تحويل البيانات - أي لطرح 99.8 من جميع قيم وقت التشغيل ، ومجرد امتلاك الرسم البياني من 0 إلى .2 ، وهذا يبسط رسمًا يبدو جيدًا ، ولكن لا يمكنني التقديم تسميات على المحور الرأسي التي تقول 99.8 ، 99.85 ، 99.9 ، أيا كان - يقول المحور ، تماما بأوثاء ، 0 في الأسفل ، و .2 في الأعلى ، ويبدو أن هناك طريقة لإصلاحه هذه الاتجاهات ، إما. إما أن يكون الحل مقبولاً ، أنا متأكد من أن هناك طريقة لجعل هذا العمل؟


تحتاج إلى تعيين viewWindow مثل هذا:

var data = new google.visualization.DataTable();
data.addColumn('string', 'Date');
data.addColumn('number', 'Uptime');
data.addColumn('number', 'Downtime');
data.addRows([
 ['Dec 1, 1830',   99.875, 0.125],
  ['Dec 8, 1830',   99.675, 0.325],
  ['Dec 15, 1830',  99.975, 0.025],
  ['Dec 22, 1830',  100.0,  0.0]

]);

var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
chart.draw(data,
           {width: 400, 
            height: 240, 
            isStacked: true,
            vAxis: { 
              title: "Percentage Uptime", 
              viewWindowMode:'explicit',
              viewWindow:{
                max:100,
                min:99.8
              }
            }
            }                 
          );

// تم تعديله للإصدار الأحدث من api


كان لدي مشكلة مماثلة واضطرت إلى تحديد الخاصية بأنها "دقيقة" لا "minValue"

vAxis: { 
    viewWindowMode:'explicit',
    viewWindow: {
        max:100,
        min:99.8
    }
}




google-visualization