2014-10-30 3 views
1

Начиная с этого JSFiddle, вы заметите, что для каждой серии есть набор y-меток, что и следовало ожидать для этого типа сюжета, однако я не знаю Я не хочу их или, по крайней мере, хочу только одного из них. Как я могу скрыть y-метки справа или, по крайней мере, все?Параметры диаграммы Google, чтобы скрыть y-метки и аннотировать

Кроме того, есть ли простой способ показать значения данных в виде аннотаций для каждой секции бара?

google.load('visualization', '1.1', { 
    'packages': ['bar'] 
}); 
google.setOnLoadCallback(drawStuff); 

function drawStuff() { 
    var data = google.visualization.arrayToDataTable([ 
     ['X-Title', 'Blue 1', 'Blue 2', 'Red 1', 'Red 2', 'Yellow 1', 'Yellow 2'], 
     ['2001', 321, 621, 816, 319, 125, 175], 
     ['2002', 163, 231, 539, 594, 225, 300], 
     ['2003', 125, 819, 123, 578, 100, 200], 
     ['2004', 197, 536, 613, 298, 25, 150] 
    ]); 

    // Set chart options 
    var options = { 
     isStacked: true, 
     width: 800, 
     height: 600, 
     chart: { 
      title: 'Year-by-year comparison', 
      subtitle: 'This data is not real' 
     }, 
     vAxis: { 
      viewWindow: { 
       min: 0, 
       max: 1200 
      } 
     }, 
     series: { 
      0: { 
       targetAxisIndex: 0 
      }, 
      1: { 
       targetAxisIndex: 0 
      }, 
      2: { 
       targetAxisIndex: 1 
      }, 
      3: { 
       targetAxisIndex: 1 
      }, 
      4: { 
       targetAxisIndex: 2 
      }, 
      5: { 
       targetAxisIndex: 2 
      } 
     } 
    }; 

    // Instantiate and draw our chart, passing in some options. 
    var chart_div = document.getElementById('chart_div'); 
    var chart = new google.charts.Bar(chart_div);  
    chart.draw(data, google.charts.Bar.convertOptions(options)); 
}; 

ответ

0

Для манипуляции осей, вы должны использовать vAxes вариант:

vAxes:{ 
     1:{textStyle:{color:'none'}}, // this will hide the first on the right 
     2:{textStyle:{color:'none'}}, // this will hide the second on the right 
    } 
+0

Это делали текст уйти, но пространство все еще впустую, где они были, и если добавить еще ряд , большая часть пространства будет потрачена впустую. – steveo225

+0

Ну, есть и другой способ: «textPosition:« none », но он по-прежнему не работает с материальными диаграммами :( – juvian

+0

Да, я не смог найти ничего, что с ними работает – steveo225

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