google bar chart

////  Dashboard Özet Bilgi Ana Ekran Sonu////
        google.charts.load(“current”, { packages: [‘corechart’] });
        google.charts.setOnLoadCallback(drawChart);
        function drawChart() {
            if (datalist.length > 0) {
                var yuzde1 = datalist[0].STATU_ADET;
                var yuzde2 = datalist[1].STATU_ADET;
                var yuzde3 = datalist[2].STATU_ADET;
                var yuzde4 = datalist[3].STATU_ADET;
                var yuzde5 = datalist[4].STATU_ADET;
                var yuzde6 = datalist[5].STATU_ADET;
                var yuzde7 = datalist[6].STATU_ADET;
                if (yuzde1 == 0 & yuzde2 == 0 & yuzde3 == 0 & yuzde4 == 0 & yuzde5 == 0 & yuzde6 == 0 & yuzde7 == 0) {
                    $(‘#emptyChart’).removeAttr(‘hidden’);
                    $(‘#barChart’).attr(‘hidden’, ‘hidden’);
                }
                else {
                    var data = google.visualization.arrayToDataTable([
                      [“Element”, “Yüzde”, { role: “style” }],
                      [“Gönderi Hazırlandı”, yuzde1,’stroke-color: black; stroke-width: 4; fill-color: #00BCD4′ ],
                      [“Transfer Aşamasında”, yuzde2, ‘stroke-color: black; stroke-width: 4; fill-color: #FF5722’],
                      [“Varış Birimine Ulaştı”, yuzde3, ‘stroke-color: black; stroke-width: 4; fill-color: #E91E63’],
                      [“Alıcı Adresine Yönlendirildi”, yuzde4, ‘stroke-color: black; stroke-width: 4; fill-color: #FF5722’],
                      [“Teslim Edildi”, yuzde5, ‘stroke-color: black; stroke-width: 4; fill-color: #009688’],
                      [“Teslim Edilemedi”, yuzde6, ‘stroke-color: black; stroke-width: 4; fill-color: #E91E63’],
                      [“Geri Geliyor”, yuzde7, ‘stroke-color: black; stroke-width: 4; fill-color: #E91E63’]
                    ]);
                    var view = new google.visualization.DataView(data);
                    view.setColumns([0, 1,
                                     {
                                         calc: “stringify”,
                                         sourceColumn: 1,
                                         type: “string”,
                                         role: “annotation”
                                     },
                                     2]);
                    var options = {
                        title: ”,
                        backgroundColor: ‘none’,
                        legend: { position: ‘none’ },
                        chartArea: {
                            left: 40,
                            top: 10,
                            width: 700,
                            height: 400
                        }
                    };
                    var chart = new google.visualization.ColumnChart(document.getElementById(“barChart”));
                    chart.draw(view, options);
                }
            }
            else {
                $(‘#emptyChart’).removeAttr(‘hidden’);
                $(‘#barChart’).attr(‘hidden’, ‘hidden’);
            }
        }
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: