{% if data and data|length > 0 %}
<div class="chart chart-md" id="chart2"></div>


<script>
    // Ödeme İstatistiği

    chart = new Highcharts.Chart({
        chart: {renderTo: 'chart2', margin: [50, 200, 60, 170], shadow: false, borderColor: '#CCCCCC', borderWidth: 0}, title: {text: 'Ödeme İstatistikleri', y: 30}, plotArea: {shadow: null, borderWidth: null, backgroundColor: null}, tooltip: {
            formatter: function () {
                return '<b>' + this.point.name + '</b>: ' + this.y + ' Sipariş';
            }
        }, plotOptions: {
            pie: {
                allowPointSelect: true, cursor: 'pointer', dataLabels: {
                    enabled: true, formatter: function () {
                        if (this.y > 4)return this.point.name;
                    }, color: '', style: {font: '9px Trebuchet MS, Verdana, sans-serif'}, x: 2, y: -10
                }
            }
        }, legend: {layout: 'vertical', style: {left: 'auto', bottom: 'auto', right: '50px', top: '100px'}}, series: [{type: 'pie', data: [
                {% for data in data  %}
                ["{{ data.paymentMethod }}", {{ data.totalOrder }}],
                {% endfor %}
            ]}], exporting: {
            buttons: {
                exportButton: {
                    enabled: false, menuItems: null, onclick: function () {
                        this.exportChart();
                    }
                }
            }
        }
    });
</script>

{% endif %}