calc: "stringify"

[Gregor Willenberg]

Dear all,

Iam a newbe. Please help me. How can i add a percent sign to a view?

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>

<div id="chart_div" style="border: 1px solid #ccc;margin:0px;padding0px;"></div>

<script type="text/javascript">

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

google.charts.setOnLoadCallback(drawBasic);

function drawBasic() {

    var data1 = new google.visualization.DataTable();

    data1.addColumn('string', 'Name');

    data1.addColumn('number', 'Prozent');

    data1.addColumn({type: 'string', role: 'style'});

    data1.addRows([

['gleich', 12.5, '#006495'],['jetzt', 12.5, '#004C70'],['sofort', 75, '#0093D1']  ]);

 

    var data = new google.visualization.DataTable();

    data.addColumn('string', 'Name');

    data.addColumn('number', 'Anzahl');

    data.addColumn({type: 'string', role: 'style'});

    data.addRows([

['gleich', 1 , '#006495'],['jetzt', 1 , '#004C70'],['sofort', 6 , '#0093D1']  ]);

var view = new google.visualization.DataView(data1);

view.setColumns([0, 1,

                       {

calc: "stringify",

label : "Prozent",

                        sourceColumn: 1,

                        type: "string", 

fontName: 'Arial',

                        role: "annotation" },2]);

      var options = {

      backgroundColor: "transparent",

chartArea:{left:10,right:10,top:0,width:"100%",height:"100%"},

width:170,

backgroundColor: "transparent",

height:200,

        title: '',

fontName: 'Arial',

        titlePosition: 'none',

bar: {groupWidth: "65%", groupHight: "65%"},

        hAxis: {

            gridlines: {color: 'transparent'},

textPosition: 'none',

          baselineColor: 'transparent'

        },

        series: { 1: {color: 'black'} },

        legend: {'position': 'none'},

        vAxis: {

          gridlines: {color: 'transparent'},

textPosition: 'none',

          baselineColor: 'transparent'

        }

      };

      var chart = new google.visualization.BarChart(document.getElementById('chart_div'));

      chart.draw(data1,options );

 chart.draw(view,options );

    }

</script>

Best regards

Gregor