Bank Report

Aufteilung der Bewertungen nach Alter

Alter Anzahl %
bis 20 Jahre 2 x %
20 - 30 Jahre 2 x %
31 - 40 Jahre 2 x %
41 - 50 Jahre 2 x %
51 - 60 Jahre 2 x %
über 60 Jahre 2 x %

Aufteilung der Bewertungen nach Geschlecht

Geschlecht Anzahl %
Männer 2 x %
Frauen 2 x %

Aufteilung der Bewertungen nach Schulabschluss

Abschluss Anzahl %
bis 20 Jahre 2 x %
20 - 30 Jahre 2 x %
31 - 40 Jahre 2 x %
41 - 50 Jahre 2 x %
51 - 60 Jahre 2 x %
über 60 Jahre 2 x %

Allgemein

Persönlicher Kontakt

Note gesamt: 3,93
Note im gewählten Zeitraum: 3,87

Beratungsqualität

Note gesamt: 3,93
Note im gewählten Zeitraum: 3,87

Beratungsqualität: Produktempfehlungen

Note gesamt: 3,93
Note im gewählten Zeitraum: 3,87

Filiale:

Note gesamt: 3,93
Note im gewählten Zeitraum: 3,87

© 2017 MBVO.de - all rights reserved.

<div class="bank-report">
  <script>
    document.addEventListener("DOMContentLoaded", function(event) {
      $(function() {
        var ageChart = Highcharts.chart('age-chart-container', {
          chart: {
            type: 'pie'
          },
          title: {
            text: ''
          },
          series: [{
            name: 'Stimmenanzahl in %',
            colorByPoint: true,
            data: [{
              name: 'bis 20 Jahre',
              y: 24.03,
            }, {
              name: '20 - 30 Jahre',
              y: 10.38
            }, {
              name: '31 - 40 Jahre',
              y: 4.77
            }, {
              name: '41 - 50 Jahre',
              y: 0.91
            }, {
              name: '51 - 60 Jahre',
              y: 0.2
            }, {
              name: 'über 60 Jahre',
              y: 0.2
            }]
          }]
        });
        var genderChart = Highcharts.chart('gender-chart-container', {
          chart: {
            type: 'pie'
          },
          title: {
            text: ''
          },
          series: [{
            name: 'Anteil in %',
            colorByPoint: true,
            data: [{
              name: 'Männer',
              y: 65
            }, {
              name: 'Frauen',
              y: 35
            }, ]
          }]
        });
        var schoolChart = Highcharts.chart('school-chart-container', {
          chart: {
            plotBackgroundColor: null,
            plotBorderWidth: null,
            plotShadow: false,
            type: 'pie'
          },
          title: {
            text: ''
          },
          plotOptions: {
            pie: {
              allowPointSelect: true,
              cursor: 'pointer',
              dataLabels: {
                enabled: false
              },
              showInLegend: true
            }
          },
          exporting: {
            enabled: false
          },
          series: [{
            name: 'Stimmenanzahl in %',
            colorByPoint: true,
            data: [{
              name: 'kein Abschluss',
              y: 24.03,
            }, {
              name: 'Hauptschulabschluss',
              y: 10.38
            }, {
              name: 'Realschulabschluss',
              y: 4.77
            }, {
              name: 'Fachabit, Abitur',
              y: 0.91
            }, {
              name: 'Fach- / Hochschulabschluss',
              y: 0.2
            }]
          }]
        });
        var highchartsOptions = Highcharts.setOptions(Highcharts.themeB);
        var generalChart1 = Highcharts.chart('general-chart-container1', {
          title: {
            text: ''
          },
          xAxis: {
            categories: ['Wie zufrieden sind Sie mit <br />den Leistungen der Bank.<br> Kundenzufriedenheit: ' + '<b>89%</b>']
          },
          series: [{
            name: 'vollkommen zufrieden',
            data: [5]
          }, {
            name: 'sehr zufrieden',
            data: [2]
          }, {
            name: 'zufrieden',
            data: [3]
          }, {
            name: 'weniger zufrieden',
            data: [3]
          }, {
            name: 'unzufrieden',
            data: [3]
          }]
        });
        var generalChart2 = Highcharts.chart('general-chart-container2', {
          title: {
            text: ''
          },
          xAxis: {
            categories: ['Würden Sie Bank an Freunde und <br />Bekannte weiterempfehlen?<br> Weiterempfehlung: ' + '<b>76%</b>']
          },
          series: [{
            name: 'ja, bestimmt',
            data: [5],
            index: 0
          }, {
            name: 'wahrscheinlich ja',
            data: [2],
            index: 1
          }, {
            name: 'eventuell',
            data: [3],
            index: 2
          }, {
            name: 'wahrscheinlich nicht',
            data: [3],
            index: 3
          }, {
            name: 'bestimmt nicht',
            data: [3],
            index: 4
          }]
        });
        var contactChart = Highcharts.chart('contact-chart-container', {
          title: {
            text: ''
          },
          xAxis: {
            categories: [
              'Die Mitarbeiter sind sehr freundlich.',
              'Ich kenne meinen persönlichen Ansprechpartner.',
              'Ich werde in der Bankfiliale mit Namen begrüßt.'
            ]
          },
          series: [{
            name: 'trifft voll und ganz zu',
            data: [5, 6, 8]
          }, {
            name: 'trifft eher zu',
            data: [2, 10, 9]
          }, {
            name: 'teils teils',
            data: [3, 56, 8]
          }, {
            name: 'trifft eher nicht zu',
            data: [3, 23, 98]
          }, {
            name: 'trifft überhaupt nicht zu',
            data: [3, 56, 9]
          }]
        });
        var consultantChart1 = Highcharts.chart('consultant-chart-container1', {
          title: {
            text: ''
          },
          xAxis: {
            categories: ['Wie zufrieden sind Sie mit der <br/>Beratungsleistung der Bank insgesamt?']
          },
          series: [{
            name: 'vollkommen zufrieden',
            data: [5]
          }, {
            name: 'sehr zufrieden',
            data: [5]
          }, {
            name: 'zufrieden',
            data: [2]
          }, {
            name: 'weniger zufrieden',
            data: [3]
          }, {
            name: 'unzufrieden',
            data: [3]
          }]
        });
        var consultantChart2 = Highcharts.chart('consultant-chart-container2', {
          title: {
            text: ''
          },
          xAxis: {
            categories: [
              'Mein Berater ist fachlich kompetent.',
              'Mein Berater ist telefonisch gut erreichbar (inkl. Rückrufe).',
              'Meine Bank informiert sich umfassend über meine finanzielle Situation.',
              'Mein Berater berücksichtigt meine persönliche Lebenssituation.',
              'Die Beratung ist klar und verständlich.',
              'Mein Berater ist sehr engagiert.',
            ],
          },
          series: [{
            name: 'trifft voll und ganz zu',
            data: [10, 4, 5, 30, 5, 1],
            index: 0
          }, {
            name: 'trifft eher zu',
            data: [10, 4, 6, 0, 5, 1],
            index: 1
          }, {
            name: 'teils teils',
            data: [10, 4, 9, 30, 0, 1],
            index: 2
          }, {
            name: 'trifft eher nicht zu',
            data: [10, 4, 0, 30, 5, 1],
            index: 3
          }, {
            name: 'trifft überhaupt nicht zu',
            data: [10, 4, 10, 30, 5, 1],
            index: 4
          }]
        });
        var productChart2 = Highcharts.chart('product-chart-container', {
          title: {
            text: ''
          },
          xAxis: {
            categories: [
              'Die von meinem Berater empfohlenen Produkte passen zu meinem Bedarf.',
              'Die Produktempfehlungen der Bank werden verständlich erläutert.',
              'Bei Produktempfehlungen werde ich über etwaige Risiken oder Nachteile informiert.',
              'Bei Finanzprodukten wird die steuerliche Behandlung angesprochen. ',
              'Die ausgehändigten Unterlagen nach einem Beratungsgespräch sind hilfreich. ',
            ],
          },
          series: [{
            name: 'trifft voll und ganz zu',
            data: [10, 1, 5, 30, 5],
            index: 0
          }, {
            name: 'trifft eher zu',
            data: [10, 2, 6, 3, 5],
            index: 1
          }, {
            name: 'teils teils',
            data: [10, 23, 9, 30, 0],
            index: 2
          }, {
            name: 'trifft eher nicht zu',
            data: [10, 1, 0, 30, 5],
            index: 3
          }, {
            name: 'trifft überhaupt nicht zu',
            data: [10, 70, 10, 30, 5],
            index: 4
          }]
        });
        var storeChart2 = Highcharts.chart('store-chart-container', {
          title: {
            text: ''
          },
          xAxis: {
            categories: [
              'Die Räumlichkeiten meiner Filiale sind ansprechend.',
              'Die Wartezeiten am Bankschalter sind kurz.',
              'In meiner Bank kann man gut ein vertrauliches Gespräch führen.',
            ],
          },
          series: [{
            name: 'trifft voll und ganz zu',
            data: [10, 4, 5],
            index: 0
          }, {
            name: 'trifft eher zu',
            data: [10, 4, 6],
            index: 1
          }, {
            name: 'teils teils',
            data: [10, 20, 9],
            index: 2
          }, {
            name: 'trifft eher nicht zu',
            data: [10, 4, 0],
            index: 3
          }, {
            name: 'trifft überhaupt nicht zu',
            data: [10, 60, 10],
            index: 4
          }]
        });
      });
    });
  </script>

  <!-- <section  class="page-section medium">
		<div class="container-fluid">
			<div class="row">
				<div class="col col-sm-6">
					<h3>Im gewählten Zeitraum</h3>
					<hr/>
					<p>Bewertungen im gewählten Zeitraum: <strong>1.234</strong> <br/>
					Note der Kundenzufriedenheit im gewählten Zeitraum: <strong class="green-text">3,57</strong></p>
				</div>

				<div class="col col-sm-6">
					<h3>Insgesamt</h3>
					<hr/>
					<p>Bewertungen: <strong>8.654</strong> <br/>
					Note der Kundenzufriedenheit: <strong class="green-text">3,57</strong></p>
				</div>
			</div>
		</div>
	</section> -->

  <div class="page-break"></div>

  <section class="page-section medium">
    <div class="container-fluid">
      <div class="row">
        <div class="col col-xs-12">
          <div class="title-section">
            <h2>Aufteilung der Bewertungen nach Alter</h2>
          </div>
        </div>
        <div class="col col-xs-6">
          <table class="default">
            <thead>
              <tr>
                <td>Alter</td>
                <td>Anzahl</td>
                <td>%</td>
              </tr>
            </thead>

            <tbody>
              <tr>
                <td>bis 20 Jahre</td>
                <td>2</td>
                <td>x %</td>
              </tr>
              <tr>
                <td>20 - 30 Jahre</td>
                <td>2</td>
                <td>x %</td>
              </tr>
              <tr>
                <td>31 - 40 Jahre</td>
                <td>2</td>
                <td>x %</td>
              </tr>
              <tr>
                <td>41 - 50 Jahre</td>
                <td>2</td>
                <td>x %</td>
              </tr>
              <tr>
                <td>51 - 60 Jahre</td>
                <td>2</td>
                <td>x %</td>
              </tr>
              <tr>
                <td>über 60 Jahre</td>
                <td>2</td>
                <td>x %</td>
              </tr>
            </tbody>
          </table>

        </div>
        <div class="col col-xs-6">
          <div id="age-chart-container" class="pie-chart" style="width:100%; height:400px;"></div>
        </div>
      </div>
    </div>
  </section>

  <!-- <div class="page-break"></div> -->

  <section class="page-section medium">
    <div class="container-fluid">
      <div class="row">
        <div class="col col-xs-12">
          <div class="title-section">
            <h2>Aufteilung der Bewertungen nach Geschlecht</h2>
          </div>
        </div>
        <div class="col col-xs-6">
          <div id="gender-chart-container" class="pie-chart" style="width:100%; height:400px;"></div>
        </div>
        <div class="col col-xs-6">

          <table class="default">
            <thead>
              <tr>
                <td>Geschlecht</td>
                <td>Anzahl</td>
                <td>%</td>
              </tr>
            </thead>

            <tbody>
              <tr>
                <td>Männer</td>
                <td>2</td>
                <td>x %</td>
              </tr>
              <tr>
                <td>Frauen</td>
                <td>2</td>
                <td>x %</td>
              </tr>
            </tbody>
          </table>

        </div>
      </div>
    </div>
  </section>

  <div class="page-break"></div>

  <section class="page-section medium">
    <div class="container-fluid">
      <div class="row">
        <div class="col col-xs-12">
          <div class="title-section">
            <h2>Aufteilung der Bewertungen nach Schulabschluss</h2>
          </div>
        </div>
        <div class="col col-xs-6">
          <table class="default">
            <thead>
              <tr>
                <td>Abschluss</td>
                <td>Anzahl</td>
                <td>%</td>
              </tr>
            </thead>

            <tbody>
              <tr>
                <td>bis 20 Jahre</td>
                <td>2</td>
                <td>x %</td>
              </tr>
              <tr>
                <td>20 - 30 Jahre</td>
                <td>2</td>
                <td>x %</td>
              </tr>
              <tr>
                <td>31 - 40 Jahre</td>
                <td>2</td>
                <td>x %</td>
              </tr>
              <tr>
                <td>41 - 50 Jahre</td>
                <td>2</td>
                <td>x %</td>
              </tr>
              <tr>
                <td>51 - 60 Jahre</td>
                <td>2</td>
                <td>x %</td>
              </tr>
              <tr>
                <td>über 60 Jahre</td>
                <td>2</td>
                <td>x %</td>
              </tr>
            </tbody>
          </table>

        </div>
        <div class="col col-xs-6">
          <div id="school-chart-container" class="pie-chart" style="width:100%; height:400px;"></div>

        </div>
      </div>
    </div>
  </section>

  <section class="page-section medium">
    <div class="container-fluid">
      <div class="row">
        <div class="col col-sm-12">
          <div class="title-section">
            <h2>Allgemein</h2>
          </div>
        </div>
        <div class="col col-sm-12">
          <div id="general-chart-container1" class="stacked-bar-chart" style="width:100%; height:190px;"></div>
          <div id="general-chart-container2" class="stacked-bar-chart" style="width:100%; height:190px;"></div>
        </div>
      </div>
    </div>
  </section>

  <div class="page-break"></div>

  <section class="page-section medium">
    <div class="container-fluid">
      <div class="row">
        <div class="col col-sm-12">
          <div class="title-section">
            <h2>Persönlicher Kontakt</h2>
            <div class="rating-wrapper total">
              Note gesamt:
              <span class="rating">3,93</span>
            </div>
            <div class="rating-wrapper time-range">
              Note im gewählten Zeitraum:
              <span class="rating">3,87</span>
            </div>
            <!-- 						<div class="rating-wrapper pull-right"><span class="rating-title">Note: </span><span class="rating">3,75</span></div> -->
          </div>
        </div>

        <div class="col col-sm-12">
          <div id="contact-chart-container" class="stacked-bar-chart" style="width:100%; height:390px;"></div>
        </div>
      </div>
    </div>
  </section>

  <div class="page-break"></div>

  <section class="page-section medium">
    <div class="container-fluid">
      <div class="row">
        <div class="col col-sm-12">
          <div class="title-section">
            <h2>Beratungsqualität</h2>
            <div class="rating-wrapper total">
              Note gesamt:
              <span class="rating">3,93</span>
            </div>
            <div class="rating-wrapper time-range">
              Note im gewählten Zeitraum:
              <span class="rating">3,87</span>
            </div>
          </div>
        </div>
        <div class="col col-sm-12">
          <div id="consultant-chart-container1" class="stacked-bar-chart" style="width:100%; height:190px;"></div>
          <div id="consultant-chart-container2" class="stacked-bar-chart" style="width:100%; height:650px;"></div>
        </div>
      </div>
    </div>
  </section>

  <div class="page-break"></div>

  <section class="page-section medium">
    <div class="container-fluid">
      <div class="row">
        <div class="col col-sm-12">
          <div class="title-section">
            <h2>Beratungsqualität: Produktempfehlungen </h2>
            <div class="rating-wrapper total">
              Note gesamt:
              <span class="rating">3,93</span>
            </div>
            <div class="rating-wrapper time-range">
              Note im gewählten Zeitraum:
              <span class="rating">3,87</span>
            </div>
          </div>
        </div>
        <div class="col col-sm-12">
          <div id="product-chart-container" class="stacked-bar-chart" style="width:100%; height:600px;"></div>
        </div>
      </div>
    </div>
  </section>

  <div class="page-break"></div>

  <section class="page-section medium">
    <div class="container-fluid">
      <div class="row">
        <div class="col col-sm-12">
          <div class="title-section">
            <h2>Filiale: </h2>
            <div class="rating-wrapper total">
              Note gesamt:
              <span class="rating">3,93</span>
            </div>
            <div class="rating-wrapper time-range">
              Note im gewählten Zeitraum:
              <span class="rating">3,87</span>
            </div>
          </div>
        </div>
        <div class="col col-sm-12">
          <div id="store-chart-container" class="stacked-bar-chart" style="width:100%; height:390px;"></div>
        </div>
      </div>
    </div>
  </section>

  <hr>

  <section class="page-section small">
    <div class="container-fluid">
      <div class="row">
        <div class="col col-sm-12">
          <p class="pull-right"><small>© 2017 MBVO.de - all rights reserved.</small></p>
        </div>
      </div>
    </div>
  </section>

</div>