2014-01-03 22 views
0

У меня странная проблема, когда я пытаюсь использовать диаграммы Google. Высота диаграммы меняется, когда я использую разные наборы данных на одной границе.Google высота высота вопрос

Вот мой сценарий:

<script type="text/javascript" src="//www.google.com/jsapi"></script> 
<script type="text/javascript"> 
    google.load('visualization', '1', {packages: ['corechart']}); 
</script> 
<script type="text/javascript"> 
    function drawVisualization() { 
    var jsonDataSet = [["27-12-2013",4.5],["28-12-2013",4.5],["29-12-2013",4.5],["30-12-2013",4.5],["31-12-2013",4.5],["01-01-2014",4.5],["02-01-2014",4.5]]; 

    // Create the data table. 
    var data = new google.visualization.DataTable(); 
    data.addColumn('string', 'Date'); 
    data.addColumn('number', 'Credibility'); 
    data.addRows(jsonDataSet); 

    // Set chart options 
    var chartOptions = { 
     chartArea: { 
     height: 220, 
     width: 340, 
     left: 20, 
     top: 5 
     }, 
     legend: 'none', 
     titlePosition: 'none', 
     width: 370, 
     height: 280, 
     vAxis: { 
     format: '0', 
     ticks: [0,1,2,3,4,5], 
     viewWindowMode: 'maximized' 
     }, 
     hAxis: { 
     slantedText: true, 
     slantedTextAngle: 40, 
     viewWindowMode: 'maximized' 
     } 
    }; 

    var credibilityChart = new google.visualization.LineChart(document.getElementById('visualization')); 

    // Draw chart, passing in some options. 
    credibilityChart.draw(data, chartOptions); 
    } 

    google.setOnLoadCallback(drawVisualization); 
</script> 

Это выход из сценария:

http://jsbin.com/edaKuce/3/edit?js,output

И это выход из того же сценария с различным набором данных:

var jsonDataSet = [["28-12-2013", 4], ["28-12-2013", 2.1], ["29-12-2013", 2.2], ["30-12-2013", 2,4], [ "31-12-2013", 3,9], [ "01-01-2014", 3,1], [ "02-01-2014", 4]];

http://jsbin.com/edaKuce/6/edit?js,output

Любые предложения?

+0

Это невероятно странно. Если все номера совпадают, отображается с нечетной осью, но если вы измените любое число на четное .001, оно отобразится правильно. Я предполагаю, что это ошибка какой-то формы, и ее следует сообщать в [visualization api google group] (https://groups.google.com/forum/#!topic/google-visualization-api/) – jmac

ответ

0

Похоже, вы нашли ошибку, о которой вы можете сообщить here. Тем временем вы можете обойти это, установив опцию vAxis.maxValue:

vAxis: { 
    format: '0', 
    ticks: [0,1,2,3,4,5], 
    viewWindowMode: 'maximized', // this will have no effect on this chart, incidentally 
    maxValue: 5 
} 
+0

Большое спасибо заранее, добавив, что maxValue исправил проблему на данный момент. Я также создал отчет об ошибке, как вы предложили: https://code.google.com/p/google-visualization-api-issues/issues/detail?id=1437 – emrec

Смежные вопросы