Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [PHP]System głosowania (sonda) w kształcie okręgu
mefistofeles
post
Post #1





Grupa: Zarejestrowani
Postów: 255
Pomógł: 0
Dołączył: 23.06.2009

Ostrzeżenie: (10%)
X----

Poszukuje sondy, która oddane głosy reprezentuje na wykresie kołowym (jak w office).
Miał ktoś może styczność z czymś takim ?
Go to the top of the page
+Quote Post
darko
post
Post #2





Grupa: Zarejestrowani
Postów: 2 885
Pomógł: 463
Dołączył: 3.10.2009
Skąd: Wrocław

Ostrzeżenie: (0%)
-----

Osobiście nie korzystałem, ale wiem o istnieniu Google Chart


--------------------
Nie pomagam na pw, tylko forum.
Go to the top of the page
+Quote Post
mefistofeles
post
Post #3





Grupa: Zarejestrowani
Postów: 255
Pomógł: 0
Dołączył: 23.06.2009

Ostrzeżenie: (10%)
X----

Ciekawe narzędzie, ale coś jest z nim nie tak.

Jeśłi odpalimy sobie taki np kod:


[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.   <head>
  4.     <meta http-equiv="content-type" 
  5.       content="text/html; charset=iso-8859-2"/>
  6.     <title>
  7.       Google Visualization API Sample
  8.     </title>
  9.     <script type="text/javascript" 
  10.      src="http://www.google.com/jsapi">
  11.     </script>
  12.     <script type="text/javascript">
  13.       google.load('visualization', '1', 
  14.         {packages: ['piechart']});
  15.     </script>
  16.     <script type="text/javascript">
  17.       function drawVisualization() {
  18.         // Create and populate the data table.
  19.         var data = new google.visualization.DataTable();
  20.         data.addColumn('string', 'Month');
  21.         data.addColumn('number', 'Sales');
  22.         data.addRows([
  23.  
  24.  
  25.  
  26. ['January',{v:20, f:'$20M'}],
  27.           ['February',{v:31, f:'$31M'}],
  28.           ['March',{v:61, f:'$61M'}],
  29.           ['April',{v:26, f:'$26M'}],
  30. 	['January',{v:20, f:'$20M'}],
  31.           ['February',{v:31, f:'$31M'}],
  32.           ['March',{v:61, f:'$61M'}],
  33.           ['April',{v:26, f:'$26M'}]
  34.  
  35.  
  36.  
  37.  
  38.         ]);
  39.  
  40.         // Create and draw the visualization.
  41.         new google.visualization.PieChart(
  42.           document.getElementById('visualization')).
  43.             draw(data, {is3D:true});
  44.       }
  45.       google.setOnLoadCallback(drawVisualization);
  46.     </script>
  47.   </head>
  48.   <body style="font-family: Arial;border: 0 none;font-size:20px;">
  49.     <div id="visualization" 
  50.      style="width: 300px; height: 300px;">
  51.     </div>
  52.   </body>
  53. </html>
[HTML] pobierz, plaintext



Wszystko gra, ale jak zmienimy wartość January na coś innego np tak:

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.   <head>
  4.     <meta http-equiv="content-type" 
  5.       content="text/html; charset=iso-8859-2"/>
  6.     <title>
  7.       Google Visualization API Sample
  8.     </title>
  9.     <script type="text/javascript" 
  10.      src="http://www.google.com/jsapi">
  11.     </script>
  12.     <script type="text/javascript">
  13.       google.load('visualization', '1', 
  14.         {packages: ['piechart']});
  15.     </script>
  16.     <script type="text/javascript">
  17.       function drawVisualization() {
  18.         // Create and populate the data table.
  19.         var data = new google.visualization.DataTable();
  20.         data.addColumn('string', 'Month');
  21.         data.addColumn('number', 'Sales');
  22.         data.addRows([
  23.  
  24.  
  25.  
  26. ['Wojciech Bek',{v:20, f:'$20M'}],
  27.           ['February',{v:31, f:'$31M'}],
  28.           ['March',{v:61, f:'$61M'}],
  29.           ['April',{v:26, f:'$26M'}],
  30. 	['January',{v:20, f:'$20M'}],
  31.           ['February',{v:31, f:'$31M'}],
  32.           ['March',{v:61, f:'$61M'}],
  33.           ['April',{v:26, f:'$26M'}]
  34.  
  35.  
  36.  
  37.  
  38.         ]);
  39.  
  40.         // Create and draw the visualization.
  41.         new google.visualization.PieChart(
  42.           document.getElementById('visualization')).
  43.             draw(data, {is3D:true});
  44.       }
  45.       google.setOnLoadCallback(drawVisualization);
  46.     </script>
  47.   </head>
  48.   <body style="font-family: Arial;border: 0 none;font-size:20px;">
  49.     <div id="visualization" 
  50.      style="width: 300px; height: 300px;">
  51.     </div>
  52.   </body>
  53. </html>
[HTML] pobierz, plaintext



To kod wariuje i czcionka z 11px spada do 5px i nic z tym nie idzie zrobić chyba, żeby się bawić w buforowanie kodu wynikowego i podmienianie
stringów ale to dziwne obejście by było.

Ktoś wie dlaczego tak się dzieje, lub jak ustawić na sztywno wielkość czcionki bo w stylach się nie da ?
Go to the top of the page
+Quote Post
mortus
post
Post #4





Grupa: Zarejestrowani
Postów: 2 178
Pomógł: 596
Dołączył: 25.09.2009
Skąd: Piwniczna-Zdrój

Ostrzeżenie: (0%)
-----

Wielkość czcionki można ustawić tutaj:
Kod
// Create and draw the visualization.
new google.visualization.PieChart(
    document.getElementById('visualization')).
        draw(data, {is3D: true, legendFontSize: '11px'});
Podobnie jak kilka innych parametrów. Przy czym jeżeli masz długie nazwy serii danych to powinieneś zmienić szerokość wykresu (width w div-ie visualization) na większą, albo umieścić legendę np. pod wykresem (poszukaj parametru pod linkiem, który Ci podałem).

Ten post edytował mortus 14.03.2010, 08:07:51
Go to the top of the page
+Quote Post
mefistofeles
post
Post #5





Grupa: Zarejestrowani
Postów: 255
Pomógł: 0
Dołączył: 23.06.2009

Ostrzeżenie: (10%)
X----

Super!
Wielkie dzięki za pomoc smile.gif
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 20.08.2025 - 06:26
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn