Witam,

Przerzuciłem się na morris js, aby przedstawić dane z bazy.

Generalnie wszystko działa ale mam problem z dodatkowo opcją, tzn. chcę zmienić kolor konkretnego punktu wykresu gdy action=buy

tak wygląda mój JSON:

[PHP] pobierz, plaintext 
[{"longdate":"2014-08-20 18:20:01","price":"1620","action":"buy"},{"longdate":"2014-08-20 18:40:01","price":"1640","action":""},{"longdate":"2014-08-20 19:00:01","price":"1620","action":""}]
[PHP] pobierz, plaintext 

A tak kod wykresu:

[PHP] pobierz, plaintext 
 $.getJSON('results.json', function(day_data) {
 
    Morris.Line({
      element: 'graph',
      data: day_data,
      xkey: 'longdate',
      ykeys: ['price'], 
      labels: ['Cena'],
	  pointSize: 4,
	  lineColors: function(action) {
		if(action == "buy") return "#0da3be";
		else if(action == "sell") return "#11ca26";
                //else return działa bo pobiera ten kolor
		else return "#7c7c7c";
	},
      hoverCallback: function(index, options, content) { 
         //var displayDate = "<b>"+changeDateFormat(day_data[index]['clock'])+"</b><br>";
		 var date = "<b><font color='black'>Data: "+day_data[index]['longdate']+"</font></b><br>";
         var param1 = "<font color='"+lineColor[0]+"'>Cena - "+day_data[index]['price']+"</font><br>";
         return date+param1;
      },
      xLabelFormat : function (x) {
       return changeDateFormat(x);
      }
 
 
 
 
    });
  });
[PHP] pobierz, plaintext 

Else return działa, czyli jest problem z odczytaniem tego actiona.

Teoretycznie powinno działać ale nie działa

Przed chwilą w innym temacie sam pisales, że potrzebujesz zupelnie innej struktury json niż ta co podajesz tutaj. Czyzbys uzywal dwoch roznych skryptow, z ktorych kazdy potrzebuje innej struktury?

poza tym widze tu totalną sprzecznosc....
xkey: 'longdate',
ykeys: ['price'],
labels: ['Cena']

Sie zdecyduj, bo nie chce mi sie wierzyc, ze longdate podaje sie jako tekst, ale juz price jako tablice.

No i co to robi w dziale php? Przecież z php to nie ma żadnego związku. Przenosze

Tak w poprzednim temacie potrzebowałem innej struktury, ale przeniosłem się na inna biblioteke i teraz inaczej wygląda Json.

Tak longdate jest zapisane jako tekst, a gry price nie zapisze sie jako tablice, to skrypt nie działa, więc jest tak.


Ale nie z tego powodu zakładałem ten topic, nospor może wiesz czemu nie zmienia mi kolorów?

A z jakiego jak nie z tego? Zalozyles topic bo ci nie dziala. Ja wskazuje wiec na potencjalne bledy. Nie znam tego liba co uzywasz, moge jedynie tylko sie domyslac co tez uczynilem.

edit: skoro w chodzi ci w else return to zobacz jaką wartosc ma ACTION w tej funkcji i bedziesz wiedzial moze cos wiecej. To jest podstawowe debugowanie, ktore powinienies zrobic samemu przed napisananiem na forum

Trzeba będzie to prawdopodobnie zrobić za pomoca pętli.

Nadal coś nie działa, przy takim skrypcie nie wyświetla się wykres.

Obecnie tak skrypt wygląda:

[PHP] pobierz, plaintext 
$( document ).ready(function() {
  var lineColor = ['#7c7c7c','#357ebd'];
  var day_data = [];
  function changeDateFormat(mydate)
  {
    var dateDMY = new Date(mydate);
    var monthNames = [ "Sty", "Lut", "Mar", "Kwi", "Maj", "Cze",
    "Lip", "Sie", "Wrz", "Paź", "Lis", "Gru" ]; 
    var date =  dateDMY.getDate();
    var month = monthNames[dateDMY.getMonth()];
    var year = dateDMY.getFullYear();
    var mydate = "";
    var seperator = "-";
    mydate = mydate.concat(date,seperator,month,seperator,year);
    return mydate;
  }
 
function drawLine(action){
 
 if(!action) return;
 
 var color = null;
 if(action == "buy") color ="red";
 else color = "black";
 
 Morris.Line({
      element: 'graph',
      data: day_data,
      action: 'action',
      xkey: 'longdate',
      ykeys: ['price'],
      labels: ['Cena'],
      pointSize: 4,
      lineColors: function() {
        return color;
    },
      hoverCallback: function(index, options, content) { 
         //var displayDate = "<b>"+changeDateFormat(day_data[index]['clock'])+"</b><br>";
         var date = "<b><font color='black'>Data: "+day_data[index]['longdate']+"</font></b><br>";
         var param1 = "<font color='"+lineColor[0]+"'>Cena - "+day_data[index]['price']+"</font><br>";
         return date+param1;
      },
      xLabelFormat : function (x) {
       return changeDateFormat(x);
      }
 
    });
}
 
 
$.getJSON('results.json', function(day_data) {
  var l = day_data || [];
  for(var i = 0; i < l.length; i++){
    drawLine(l[i].action);
  }
});
 
 
 
});
 
[PHP] pobierz, plaintext 

Sprawdzales w ogole to co napisalem?


Zas co do nowego skryptu:
Nigdzie nie przypisujesz wartosci dla day_data wiec czemu sie dziwisz ze nie dziala? Czemu w ogole nie sprawdzasz czy zmienne na ktorych operujesz zawierają to co mają zawierac? To taki problem sprawdzic? Zapewniem Cie ze jest to szybciej zrobic nic pisac kolejnego posta na forum...