JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart"></div>
JavaScript
google.charts.load("current", {packages:['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
["Element", "Visits", { role: "style" } ],
["20 авг", 23, ""],
["20 авг - 30 авг", 35, ""],
["31 авг - 10 сен", 33, ""],
["11 сен - 20 сен", 42, ""],
["21 сен - 31 сен", 35, ""],
["1 окт - 9 окт", 33, ""],
["10 окт - 19 окт", 29, ""],
["20 окт - 31 окт", 35, ""],
["1 ноя - 10 ноя", 26, ""],
["11 ноя - 20 ноя", 35, ""]
]);
var view = new google.visualization.DataView(data);
view.setColumns([0, 1,
{ calc: "stringify",
sourceColumn: 1,
type: "string",
role: "annotation" }
]);
var options = {
title: "Density of Precious Metals, in g/cm^3",
height: 500,
bar: {groupWidth: "55%"},
legend: { position: "none" },
colors: ["#82c352"],
};
var chart = new google.visualization.ColumnChart(document.getElementById("chart"));
chart.draw(view, options);
}