Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript][PHP] Problem z prasowaniem daty dla amCharts
krzysiekkurowski
post
Post #1





Grupa: Zarejestrowani
Postów: 37
Pomógł: 0
Dołączył: 13.02.2005

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

Witam, chciałbym zczytać dane z bazy mysql i wyswietlić je używając skryptu amCharts.

Niestety problem w tym ze nie mogę poradzić sobie z prasowaniem daty z mysql i po wczytaniu strony nic się nie pojawia.

Problem dokładnie jest z linijką: 
[HTML] pobierz, plaintext 
  1. year:<?php print ($row['dattim']); ?>,
[HTML] pobierz, plaintext
jak mogę użyć new Date() aby skrypt zaczął działać ?

Proszę o pomoc.

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html>
  3.  
  4.     <head>
  5.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  6.         <title>amCharts examples</title>
  7.         <link rel="stylesheet" href="style.css" type="text/css">
  8.         <script src="amcharts/amcharts.js" type="text/javascript"></script>          
  9.         <script type="text/javascript">
  10.             var chart;
  11.             var graph;
  12.  
  13.  
  14.             // months in JS are zero-based, 0 means January 
  15.             var chartData = [
  16. <?php foreach($last24hourValues as $row) { ?>
  17. 		{
  18.            year:<?php print ($row['dattim']); ?>,
  19.             value: <?php print number_format($row['Aussen'], 2); ?>
  20.            }
  21. 		<?php } ?>
  22.  
  23. 			];
  24.  
  25.  
  26.             AmCharts.ready(function () {
  27.                 // SERIAL CHART
  28.                 chart = new AmCharts.AmSerialChart();
  29.                 chart.pathToImages = "amcharts/images/";
  30.                 chart.dataProvider = chartData;
  31.                 chart.marginLeft = 10;
  32.                 chart.categoryField = "year";
  33.                 chart.zoomOutButton = {
  34.                     backgroundColor: '#000000',
  35.                     backgroundAlpha: 0.15
  36.                 };
  37.  
  38.                 // listen for "dataUpdated" event (fired when chart is inited) and call zoomChart method when it happens
  39.                 chart.addListener("dataUpdated", zoomChart);
  40.  
  41.                 // AXES
  42.                 // category
  43.                 var categoryAxis = chart.categoryAxis;
  44.                 categoryAxis.parseDates = true; // as our data is date-based, we set parseDates to true
  45.                 categoryAxis.minPeriod = "YYYY"; // our data is yearly, so we set minPeriod to YYYY
  46.                 categoryAxis.gridAlpha = 0;
  47.  
  48.                 // value
  49.                 var valueAxis = new AmCharts.ValueAxis();
  50.                 valueAxis.axisAlpha = 0;
  51.                 valueAxis.inside = true;
  52.                 chart.addValueAxis(valueAxis);
  53.  
  54.                 // GRAPH                
  55.                 graph = new AmCharts.AmGraph();
  56.                 graph.type = "smoothedLine"; // this line makes the graph smoothed line.
  57.                 graph.lineColor = "#d1655d";
  58.                 graph.negativeLineColor = "#637bb6"; // this line makes the graph to change color when it drops below 0
  59.                 graph.bullet = "round";
  60.                 graph.bulletSize = 5;
  61.                 graph.lineThickness = 2;
  62.                 graph.valueField = "value";
  63.                 chart.addGraph(graph);
  64.  
  65.                 // CURSOR
  66.                 var chartCursor = new AmCharts.ChartCursor();
  67.                 chartCursor.cursorAlpha = 0;
  68.                 chartCursor.cursorPosition = "mouse";
  69.                 chartCursor.categoryBalloonDateFormat = "YYYY";
  70.                 chart.addChartCursor(chartCursor);
  71.  
  72.                 // SCROLLBAR
  73.                 var chartScrollbar = new AmCharts.ChartScrollbar();
  74.                 chartScrollbar.graph = graph;
  75.                 chartScrollbar.backgroundColor = "#DDDDDD";
  76.                 chartScrollbar.scrollbarHeight = 30;
  77.                 chartScrollbar.selectedBackgroundColor = "#FFFFFF";
  78.                 chart.addChartScrollbar(chartScrollbar);
  79.  
  80.                 // WRITE
  81.                 chart.write("chartdiv");
  82.             });
  83.  
  84.             // this method is called when chart is first inited as we listen for "dataUpdated" event
  85.             function zoomChart() {
  86.                 // different zoom methods can be used - zoomToIndexes, zoomToDates, zoomToCategoryValues
  87.                 chart.zoomToDates(new Date(2000, 0), new Date(2003, 0));
  88.             }
  89.         </script>
  90.     </head>
  91.  
  92.     <body>
  93.         <div id="chartdiv" style="width:100%; height:400px;"></div>
  94.     </body>
  95.  
  96. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post

Posty w temacie
- krzysiekkurowski   [JavaScript][PHP] Problem z prasowaniem daty dla amCharts   28.07.2013, 23:56:39
- - aras785   zapodaj caly kod php   29.07.2013, 00:14:18
- - krzysiekkurowski   [PHP] pobierz, plaintext <?php // Make sure you...   29.07.2013, 10:30:07
- - buliq   Kodyear:new Date("<?php print ...   29.07.2013, 10:44:09
- - krzysiekkurowski   Hej, W bazie mam jako timestamp czyli (2013-07-29...   29.07.2013, 12:12:19
- - buliq   no to dla przykładu [PHP] pobierz, plaintext $yea...   29.07.2013, 12:47:44
- - krzysiekkurowski   Witam, mogę prosić o przykład, próbuje twoje suges...   30.07.2013, 22:46:19
- - brzanek   Witam sory za odkopanie ale mam podobny problem. T...   29.10.2017, 19:52:59
- - gitbejbe   Przecież widać na pierwszy rzut oka, że Twoim prob...   29.10.2017, 22:06:05

« 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: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

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

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