jQuery Flot und graphTable Farben

Wie kann ich die Zeile ändern Farben mit dem flot plugin und graphTable:

$('table.statics').graphTable({series: 'columns', position : 
       'replace', height : '180px'});

Aber ich würde gerne die Farben ändern, in den Optionen von graphTable, so etwas wie:

$('table.statics').graphTable({series: 'columns', position : 
       'replace', height : '180px', 
       colors: ["#92d5ea", "#666699", "#be1e2d", "#ee8310", "#8d10ee"]});

Und dann jede Zeile in dem resultierenden flot Diagramm würde die entsprechenden Farben aus der Spalte.

InformationsquelleAutor Maanstraat | 2011-05-05
  1. 13

    In flot können Sie die Farbe festlegen, die für eine bestimmte Serie:

    //series object
{
  data: rowData,
  label: label,
  color: '#92d5ea'
}

    Suche durch die graphTable plugin, da gibt es eine Zeile wie diese doppelt:

    tableData[tableData.length] = { label: label, data: rowData };

    Ist das, wo ist das erstellen der Serie Objekt. So würden Sie haben, um herauszufinden, Ihre Farbe in diesem Bereich und legen Sie es anschließend.

    BEARBEITEN: Wenn Sie wollen in der Lage sein, um es über die graphTable aufrufen, müssen Sie zum Bearbeiten der graphTable plugin und fügen Sie eine colors argument, das ist eine Möglichkeit. Hier ist, wie:

    //find the line after "var args = {" and add this
colors: null,

    Dann später, anstelle von

    tableData[tableData.length] = { label: label, data: colData };

    Setzen diese:

    var series = {label: label, data: colData };
if (args.colors && args.colors[j-args.dataStart]){
    series.color = args.colors[j-args.dataStart]
}
tableData[tableData.length] = series;

    Hinweis: ich bin nur zu zeigen, wie Sie sich mit dem Abschnitt Spalten, nicht Zeilen. Jetzt können Sie etwas wie das hier tun:

    $('#table1').graphTable({series: 'columns', colors: ['red','red','blue']});

    Und das Ergebnis sieht aus wie diese (funktioniert nicht im IE, da keine excanvas).

    • tableData[tableData.length] = { label: label, Daten: colData, color : '#000' }; funktioniert nur in beide Zeilen schwarz, dann... gibt es einen Weg, um 1 Zeile schwarz und einen in Grau oder etwas? 🙂
    • In diesem Fall ändern Sie foo zu $table.css('color') und es wird die Farbe definiert durch die Tabelle css-Dateien.
    • Gleiche habe ich ein Bild davon: gallerion.nl/example.gif die Farbe des Tisches ist jetzt rot. Ich will, 1 Reihe rot und 1 in schwarz. Ich hoffe Ihr könnt helfen 🙂
    • Ahh, ich sehe, was Sie wollen, sind jetzt, habe ich bearbeitet meine Antwort.
    • Thnx Ryley, ich werde mit ihm spielen in den morgen! Aber es funktioniert nicht in IE? 🙁
    • nur mein Beispiel funktioniert nicht im IE, weil ich weiß nicht excanvas für flot
    • Hi Ryley, es funktioniert perfekt, Thnx wieder. Aber ich habe eine kleine Frage (nochmal sorry) ist es möglich, die Linien, die Farben mit css? etwas wie table.statics .line1 { color : #black; }, table.statics .line2 { color : #red; } @Ryley
    • jsfiddle.net/ryleyb/ByyAT/2 denken Sie Daran, Sie können jetzt-Konstrukt, mit dem colors-array mit beliebigen jQuery-oder javascript-Sie wollen...
    • Ja thnx Mann :)... es funktioniert Super!!!

    InformationsquelleAutor Ryley
Schreibe einen Kommentar