如何更改旗图的标题颜色？

Question

我有一个flot图表，它有两个标题：CURRENT I11和CURRENT I12。我想改变yaxes的标题颜色。有没有办法改变yaxes的标题颜色？

yaxes: [{   min: 0, 
        max: 100, 
        tickSize: 5, 
        tickFormatter: function (v, axis) { 
         $(this).css("color", "#ff0000"); 
         if (v % 10 == 0) { 
          return v + "A"; 
         } else { 
          return ""; }}, 
        axisLabel: "CURRENT I11", 
        //axisLabelUseCanvas: true, 
        axisLabelFontSizePixels: 12, 
        axisLabelFontFamily: 'Verdana, Arial', 
        axisLabelColor: '#EDC240', 
        axisLabelPadding: 6, 
        position: "left", 
        tickColor: '#bdbdbd', 
       }, 
       { 
        min: 0, 
        max: 100, 
        tickSize: 5, 
        tickFormatter: function (v, axis) { 
         if (v % 10 == 0) { 
          return v + "A"; 
         } else { 
          return ""; 
         } 
        }, 
        axisLabel: "CURRENT I12", 
        //axisLabelUseCanvas: true, 
        axisLabelFontSizePixels: 12, 
        axisLabelFontFamily: 'Verdana, Arial', 
        axisLabelPadding: 6, 
        position: "left", 
        color: '#AFD8F8',       
       } 
        ] 

我用jquery.flot.axislabels.js。

Answer 1

你的代码几乎是正确的 - 你需要：

• 设置axisLabelUseCanvas属性true（只是取消对 线你已经拥有它设置为true）
• 变化 的axisLabelColor拼写财产axisLabelColour（注意 不同拼写的'颜色'）

一个简单的例子设置的选项看起来像：

var options = { 
    yaxes: [{ 
     axisLabel: "CURRENT I11", 
     axisLabelUseCanvas: true, 
     axisLabelColour: '#FF0000' 
    }] 
}; 

这JSFiddle有一个工作的例子。