jQuery Flot и GraphTable Цвета - PullRequest
Новая
       29

jQuery Flot и GraphTable Цвета

8 голосов
/ 05 мая 2011

Как изменить цвет линий с помощью плагина flot и graphTable : 

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

Но я бы хотел изменить цвета в параметрахgraphTable, что-то вроде: 

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

И тогда каждая строка в результирующем графике с плавающей точкой будет иметь соответствующие цвета из столбца.

1 Ответ

13 голосов
/ 05 мая 2011

В flot вы можете указать цвет для определенной серии: 

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

Просматривая плагин graphTable, вы увидите строку, похожую на эту дважды: 

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

Вот где онасоздание объекта серии.Таким образом, вам придется выяснить свой цвет в этой области, а затем установить его.

EDIT : если вы хотите установить его с помощью вызова graphTable, вам нужно будет отредактировать плагин graphTable и добавить аргумент colors в качестве возможного.Вот как это делается: 

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

Затем позже вместо 

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

Поместите это: 

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;

Примечание. Я только показываю, как обращаться с разделом столбцов, а не ряды.Теперь вы можете сделать что-то вроде этого: 

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

И результат будет выглядеть как this (не работает в IE из-за отсутствия расширений).

...