Ergebnis 1 bis 1 von 1
  1. #1
    pepesan ist offline Grünschnabel
    registriert
    07-07-2014
    Beiträge
    2

    Google Kuchendiagramm

    Hallo,

    ich habe folgendes Kuchendiagramm in Google Charts gemacht und möchte das wenn man auf einen der Teile klickt jeweils auf ein PDF Dokument weitergeleitet wird.
    Das geschieht auch schon. Allerdings öffnet es sich nicht in einem neuen Fenster sondern im gleichen. Mit window.open geht es auch nicht.
    Wer kann helfen ?

    Code:
    google.load("visualization", "1", {packages:["corechart"]});
          google.setOnLoadCallback(drawChart);
          function drawChart() {
            var data = google.visualization.arrayToDataTable([
              ['Task', 'link', 'Piece'],
              ['Über uns', 'docs/Über_uns.pdf', 4],
              ['Softwarelösungen', 'docs/Softwarelösungen.pdf', 4],
              ['Infrastruktur', 'docs/Infrastruktur.pdf', 4],
              ['Gruppe', 'docs/IT.pdf',4],
              ['IT',  'docs/Sage.pdf', 4],
    					['Docuware',  'docs/Docuware.pdf',4], 
              ['Betreuungskonzept', 'docs/Betreuungskonzept.pdf', 4],
              ['Referenzen', 'docs/Referenzen.pdf', 4],
    					['Projekte', 'docs/Projekte.pdf', 4]
            ]);
    
            var view = new google.visualization.DataView(data);
            view.setColumns([0, 2]);
    
            var options = {
              width: 1000,
              height: 1000,
    		  colors: ['#00d5f6', '#00d5f6', '#00d5f6', '#00d5f6', '#00d5f6', '#00d5f6','#00d5f6', '#00d5f6', '#00d5f6'],
    		  legend: 'none',
    		  tooltip: {trigger: 'none'},
    		  pieSliceText: 'label',
    		  fontSize: '15.5',
    		  fontName: 'Arial Black',
    			
            };
    
            var chart = new google.visualization.PieChart( 
              document.getElementById('chart_div'));
            chart.draw(view, options);
    
    				
            var selectHandler = function(e) {
             window.location = data.getValue(chart.getSelection()[0]['row'], 1 );
    					
            }
    
            // Add our selection handler.
            google.visualization.events.addListener(chart, 'select', selectHandler);
          }
               </script>
    - - - Aktualisiert - - -

    habe es selbst rausgefunden
    Lösung:
    window.open(data.getValue(chart.getSelection()[0]['row'], 1));
    Geändert von mikdoe (25-04-2016 um 20:43 Uhr) Grund: Gelöst

Ähnliche Themen

  1. Kuchendiagramm mit Javascript zeichnen
    Von Arcsinh im Forum Tutorials Javascript
    Antworten: 2
    Letzter Beitrag: 24-08-2010, 14:46
  2. Google
    Von dkdenz im Forum Smalltalk
    Antworten: 6
    Letzter Beitrag: 03-08-2007, 00:18
  3. Antworten: 0
    Letzter Beitrag: 02-09-2005, 07:07
  4. kuchendiagramm mit php
    Von rasputin im Forum Serverseitige Programmierung
    Antworten: 3
    Letzter Beitrag: 15-01-2003, 11:51
  5. Kuchendiagramm in Java
    Von diddipoeler im Forum JavaScript
    Antworten: 7
    Letzter Beitrag: 09-12-2001, 13:04

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •