Пользовательские имена Google API графиков Google

Question

Мне нужно установить пользовательские месячные имена в диаграммах.

Как установить пользовательские месячные имена в API графиков Google?

Answer 1

Вы можете задать пользовательские ticks на hAxis ...

 google.load('visualization', '1', {packages: ['corechart']}); 
 
     google.setOnLoadCallback(drawChart); 
 

 
     function drawChart() { 
 

 
     var data = new google.visualization.DataTable(); 
 
     data.addColumn('date', 'Time of Day'); 
 
     data.addColumn('number', 'Rating'); 
 
     data.addColumn({type: 'string', role: 'tooltip'}); 
 

 
     data.addRows([ 
 
      [new Date(2015, 1, 1), 5, 'January'], 
 
      [new Date(2015, 2, 1), 7, 'February'], 
 
      [new Date(2015, 3, 1), 3, 'March'], 
 
      [new Date(2015, 4, 1), 2, 'April'], 
 
      [new Date(2015, 5, 1), 2, 'May'] 
 
     ]); 
 

 

 
     var options = { 
 
      width: 900, 
 
      height: 500, 
 
      hAxis: { 
 
      format: 'MMM', 
 
      gridlines: {count: 5}, 
 
      ticks: [ 
 
       {v: new Date(2015, 1, 1), f:'custom 1'}, 
 
       {v: new Date(2015, 2, 1), f:'custom 2'}, 
 
       {v: new Date(2015, 3, 1), f:'custom 3'}, 
 
       {v: new Date(2015, 4, 1), f:'custom 4'}, 
 
       {v: new Date(2015, 5, 1), f:'custom 5'} 
 
      ] 
 
      }, 
 
      vAxis: { 
 
      gridlines: {color: 'none'}, 
 
      minValue: 0 
 
      } 
 
     }; 
 

 
     var chart = new google.visualization.LineChart(document.getElementById('chart_div')); 
 
     chart.draw(data, options); 
 
     }

<script src="https://www.google.com/jsapi"></script> 
 
<div id="chart_div"></div>