التلقائي إعادة التحجيم من Y-axis في جوجل التصور API / المشروح الخط الزمني

StackOverflow https://stackoverflow.com/questions/1532460

سؤال

هل هناك أي طريقة لإجبار الرسم البياني المشروح الخط الزمني لتوسيع نطاق التغيير تلقائيا على Y-محور عندما يصعد المستخدمين الدخول في مجموعة من التواريخ؟

وتحقق المثال أدناه، وعلما بأن القيمة ( "السعر") ل2009-10-09 حوالي اثنين مقادير أكبر من القيم الأخرى. عندما يصعد المستخدم في على سبيل المثال 2009-10-01 - 2009-10-08، وY-محور هو دون تغيير (جعل الرسم البياني غير مجدية جدا). هل هناك طريقة لإعادة مقياس تلقائيا Y-محور بحيث أنه في هذا المثال فإنه تتراوح 0-25 أو شيء أكثر معقول (وبعد ذلك بالطبع إلى الافتراضي عندما الأزيز المستخدم الخروج)؟

وعلى سبيل المثال: http://jsbin.com/ifogo

ونموذج التعليمات البرمجية (نفس كما في الرابط اعلاه):

<script src="http://www.google.com/jsapi"></script>
<div id="visualization" style="width: 800px; height: 400px;"></div>
<script>
google.load('visualization', '1', {packages: ['annotatedtimeline' ]});
function drawVisualization() {
  var data = new google.visualization.DataTable({
  cols: [{label: 'Date', type: 'date'}, {label: 'Price', type: 'number'}],
  rows: [
    { c:[{v: new Date(2009, 10, 1) }, {v: 11 }]},
    { c:[{v: new Date(2009, 10, 2) }, {v: 12 }]},
    { c:[{v: new Date(2009, 10, 3) }, {v: 13 }]},
    { c:[{v: new Date(2009, 10, 4) }, {v: 11 }]},
    { c:[{v: new Date(2009, 10, 5) }, {v: 10 }]},
    { c:[{v: new Date(2009, 10, 6) }, {v: 16 }]},
    { c:[{v: new Date(2009, 10, 7) }, {v: 22 }]},
    { c:[{v: new Date(2009, 10, 8) }, {v: 12 }]},
    { c:[{v: new Date(2009, 10, 9) }, {v: 999 }]},
]},0.6);
var annotatedtimeline = new google.visualization.AnnotatedTimeLine(document.getElementById('visualization'));
annotatedtimeline.draw(data);
}
google.setOnLoadCallback(drawVisualization);
</script>
هل كانت مفيدة؟

المحلول

وحاول استخدام

annotatedtimeline.draw(data, {scaleType: 'maximized'});

وصفحة جوجل على ذلك يظهر تصور مختلف الخيارات التي يمكنك استخدامها.

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top