Как сделать месяцы на русском языке в Google Charts?

Google JavaScript

1 ответ

Как сделать месяцы на русском языке в Google Charts ?

&lt;html&gt;   &lt;head&gt;    &lt;script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"&gt;&lt;/script&gt;	 	&lt;script&gt; 		google.charts.load('current', {packages: ['corechart', 'line']}); 		google.charts.setOnLoadCallback(drawBackgroundColor); 		 		function drawBackgroundColor() { 			  var data = new google.visualization.DataTable(); 			  data.addColumn('date', 'month'); 			  data.addColumn('number', 'обороты');  			  data.addRows([ 				 [new Date(2018, 1, 1), 10000], 				 [new Date(2018, 2, 1), 11000], 				 [new Date(2018, 3, 1), 12000] 			  ]); 			   			var options = { 				title: 'Обороты компании 2018-2020', 				hAxis: { 					title: 'Года', 					format: 'MMM YY' 		   				}, 				vAxis: { title: 'Обороты' }, 				backgroundColor: '#f1f8e9', 				legend: { position: 'top'},  			  };  			  var chart = new google.visualization.LineChart(document.getElementById('chart_div')); 			  chart.draw(data, options); 			} 	 	&lt;/script&gt;   &lt;/head&gt;   &lt;body&gt;      &lt;div id="chart_div" style='width:fit-content'&gt;   &lt;/body&gt; &lt;/html&gt;

<html> <head> <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script> google.charts.load('current', {packages: ['corechart', 'line']}); google.charts.setOnLoadCallback(drawBackgroundColor); function drawBackgroundColor() { var data = new google.visualization.DataTable(); data.addColumn('date', 'month'); data.addColumn('number', 'обороты'); data.addRows([ [new Date(2018, 1, 1), 10000], [new Date(2018, 2, 1), 11000], [new Date(2018, 3, 1), 12000] ]); var options = { title: 'Обороты компании 2018-2020', hAxis: { title: 'Года', format: 'MMM YY' }, vAxis: { title: 'Обороты' }, backgroundColor: '#f1f8e9', legend: { position: 'top'}, }; var chart = new google.visualization.LineChart(document.getElementById('chart_div')); chart.draw(data, options); } </script> </head> <body> <div id="chart_div" style='width:fit-content'> </body> </html>

Дополнительно:

https://developers.google.com/chart/interactive/do...

Kovalsky, Спасибо - это явно решение, а не комментарий

Ответы:

google.charts.load('current', {packages: ['corechart', 'line'], 'language': 'ru'});

google.charts.load('current', {packages: ['corechart', 'line'], 'language': 'ru'});

Нужно решить такую задачу?

Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

Заказать помощь

Лучший ответ

Никита Орлов Ответ

Для того чтобы отобразить месяцы на русском языке в Google Charts, необходимо использовать массив с названиями месяцев на русском языке в качестве категорий оси X.

Пример кода на PHP:

$data = array(
    array('Месяц', 'Продажи'),
    array('Январь', 100),
    array('Февраль', 200),
    array('Март', 150),
    // Добавьте остальные месяцы с их данными
);
 
$json_data = json_encode($data);

$data = array( array('Месяц', 'Продажи'), array('Январь', 100), array('Февраль', 200), array('Март', 150), // Добавьте остальные месяцы с их данными ); $json_data = json_encode($data);

Затем вы можете передать этот массив данных в Google Charts и отобразить график с месяцами на русском языке.

Пример использования Google Charts:

 
 
    google.charts.load('current', {packages: ['corechart', 'bar']});
    google.charts.setOnLoadCallback(drawChart);
 
    function drawChart() {
        var data = google.visualization.arrayToDataTable();
 
        var options = {
            title: 'Продажи по месяцам',
            hAxis: {title: 'Месяцы', titleTextStyle: {color: '#333'}}
        };
 
        var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
        chart.draw(data, options);
    }
 
 
<div id="chart_div" style="width: 900px;height: 500px"></div>

google.charts.load('current', {packages: ['corechart', 'bar']}); google.charts.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable(); var options = { title: 'Продажи по месяцам', hAxis: {title: 'Месяцы', titleTextStyle: {color: '#333'}} }; var chart = new google.visualization.ColumnChart(document.getElementById('chart_div')); chart.draw(data, options); } <div id="chart_div" style="width: 900px;height: 500px"></div>

Этот код позволит вам отобразить график с месяцами на русском языке в Google Charts. Не забудьте подключить библиотеку Google Charts и заменить данные в массиве на свои собственные.

Другие ответы (0)

Пока нет других ответов. Будьте первым, кто поможет автору.

Ответить на вопрос

комментарий Отменить ответ

Вам также может быть интересно

VPN Как правильно настроить vless для Android TV? 1 ответ Pyrogram Как правильно зарегистрировать юзер бота в Telegram? 1 ответ печатные-платы Как заставить запускаться программу M3.exe от компании Hanxing AOI в инспекционной машине на Windows 7 Pro? 1 ответ Figma Баг с переносом слов в Figma? 1 ответ

Как сделать месяцы на русском языке в Google Charts?

Дополнительно:

Ответы:

комментарий Отменить ответ

Вам также может быть интересно

Ежедневно, круглосуточно