jQuery Flot和可绘制颜色

如何使用flot插件和graphTable更改线条颜色：

但我想更改graphTable选项中的颜色，例如：

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

---

然后，生成的flot图中的每一行都将具有列中相应的颜色。

在flot中，您可以指定特定系列的颜色：

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

通过graphTable插件，有两条类似的线：

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

这就是它创建序列对象的地方。所以你必须计算出你所在区域的颜色，然后设置它

编辑：如果您希望能够通过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;

注意，我只展示了如何处理columns部分，而不是rows部分。现在您可以执行以下操作：

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

---

结果看起来像（由于没有excanvas，在IE中不起作用）。

tableData[tableData.length]={label:label，data:colData，color:'#000'}；是不是两条线都变黑了。。。有没有办法让一条线变黑一条线变灰之类的在这种情况下，将

foo

更改为

$table.css（'color'）

，它将使用表的css定义的颜色。同样，我有一个屏幕：表的颜色现在是红色。我想要一条红色线和一条黑色线。我希望你能帮我：）Thnx Ryley，我明天早上要玩它！但它在IE中不起作用（只是我的例子在IE中不起作用，因为我没有包括flot的excanvas

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