Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to show values on the the top of columns Google Chart API
    primarykey
    data
    text
    <p>I would like to show values on the top of my columns chart just like in this image:</p> <p><img src="https://i.stack.imgur.com/vEpJY.png" alt="expected chart"></p> <p>But I want to show them using the new Google Chart API. Here is <a href="http://www.metannonce.com/teste.html" rel="nofollow noreferrer">the site </a> and its <a href="http://pastebin.com/Ev3rSGiM" rel="nofollow noreferrer">source code</a>.</p> <hr> <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt; &lt;html&gt; &lt;head&gt; &lt;script type="text/javascript" src="https://www.google.com/jsapi"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; google.load("visualization", "1", {packages:["corechart"]}); google.setOnLoadCallback(drawChart); function drawChart() { var data = new google.visualization.DataTable(); data.addColumn('string', 'Month'); data.addColumn('number','a'); data.addColumn('number','v'); data.addColumn('number','c'); data.addColumn('number','e'); data.addRows(5); data.setCell(0, 0, 'dfa'); data.setCell(1, 0, 'Sdfa'); data.setCell(2, 0, 'Mdz'); data.setCell(3, 0, 'sd'); data.setCell(4, 0, 'Rsdr'); data.setCell(0, 1, 114); data.setCell(1, 1, 723); data.setCell(2, 1, 238); data.setCell(3, 1, 509); data.setCell(0, 2, 636); data.setCell(1, 2, 410); data.setCell(2, 2, 395); data.setCell(3, 2, 668); data.setCell(0, 3, 508); data.setCell(1, 3, 709); data.setCell(2, 3, 686); data.setCell(3, 3, 533); data.setCell(0, 4, 643); data.setCell(1, 4, 737); data.setCell(2, 4, 964); data.setCell(3, 4, 945); var chart = new google.visualization.ColumnChart(document.getElementById('chart_div')). draw(data, {title:"Parc localisé par région et par offre", width:500, height:300, series: {0:{color: '#CF0980', visibleInLegend: true}, 1:{color: '#999999', visibleInLegend: true}, 2:{color: '#990099', visibleInLegend: true}, 3:{color: '#FF99CC', visibleInLegend: true}},isStacked:"true"});} &lt;/script&gt; &lt;/head&gt; &lt;body&gt;&lt;div id="chart_div"&gt;&lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload