Change orientation index label chart column

23 views
Skip to first unread message

Sterica Capatina

unread,
Aug 29, 2016, 6:11:57 AM8/29/16
to Google Visualization API
Hello,

It's possible to change from horizontal to vertical or any angle index label (number) from this code:

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
 
<script type="text/javascript">
    google
.charts.load("current", {packages:['corechart']});
    google
.charts.setOnLoadCallback(drawChart);
   
function drawChart() {
     
var data = google.visualization.arrayToDataTable([
       
["Element", "Density", { role: "style" } ],
       
["Copper", 8.94, "#b87333"],
       
["Silver", 10.49, "silver"],
       
["Gold", 19.30, "gold"],
       
["Platinum", 21.45, "color: #e5e4e2"]
     
]);

     
var view = new google.visualization.DataView(data);
      view
.setColumns([0, 1,
                       
{ calc: "stringify",
                         sourceColumn
: 1,
                         type
: "string",
                         role
: "annotation" },
                       
2]);


     
var options = {
        title
: "Density of Precious Metals, in g/cm^3",
        width
: 600,
        height
: 400,
        bar
: {groupWidth: "95%"},
        legend
: { position: "none" },
     
};
     
var chart = new google.visualization.ColumnChart(document.getElementById("columnchart_values"));
      chart
.draw(view, options);
 
}
 
</script>
<div id="columnchart_values" style="width: 900px; height: 300px;"></div>

https://developers.google.com/chart/interactive/docs/gallery/columnchart

Thank you!
Reply all
Reply to author
Forward
0 new messages