Hi Sushil,
With a few amendments highlighted in bold I can get this.
I added this the the html
*<div id="BarChart" style="width: 500px; height: 600px;"></div>*
var options = {
title: 'Population of Largest U.S. Cities',
* chartArea: {width: '50%', height: '50%' },*
legend: { position: "bottom" },
hAxis: {
title: 'Total Population',
minValue: 0,
* textPosition: 'Out',*
slantedText: true,
slantedTextAngle: 60
},
vAxis: {
title: 'City'
}
}
* var chart = new
google.visualization.ColumnChart(document.getElementById('BarChart'));
chart.draw(data, options);*
}
On Friday, 17 January 2020 14:50:43 UTC, Sushil Kumar wrote:
>
> I did not find any solution on how to achieve slantedText option in bar
> chart
>
> Is google removed the slantedText property from its latest version?
>
> here is my code
>
>
> <html>
> <head>
> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
> <script src="https://www.gstatic.com/charts/loader.js";></script>
> <script async>
> google.charts.load('current', {packages: ['corechart','bar']});
> google.charts.setOnLoadCallback(drawChart);
>
> function drawChart() {
> // Define the chart to be drawn.
> var data = google.visualization.arrayToDataTable([
> ['City', '2010 Population',],
> ['New York City, NY', 8175000],
> ['Los Angeles, CA', 3792000],
> ['Chicago, IL', 2695000],
> ['Houston, TX', 2099000],
> ['Philadelphia, PA', 1526000]
> ]);
>
> var options = {
> title: 'Population of Largest U.S. Cities',
> chartArea: {width: '50%'},
> legend: { position: "bottom" },
> hAxis: {
> title: 'Total Population',
> minValue: 0,
> slantedText: true,
> slantedTextAngle: 60
> },
> vAxis: {
> title: 'City'
> }
> }
> var chart = new google.charts.Bar(document.getElementById('BarChart'));
> chart.draw(data, options);
> }
> </script>
>
>
> </head>
> <body>
> <!-- Identify where the chart should be drawn. -->
> <div id="BarChart"></div>
> </body>
> </html>
>
>
--
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/google-visualization-api/36804e69-4d1f-474f-af3f-d93b13fe5135%40googlegroups.com.
