2016-03-01 3 views
1

У меня есть карта флота, которая имеет два титула: CURRENT I11 и ТЕКУЩИЙ I12. Я хочу изменить цвет названия yaxes. Есть ли способ изменить цвет названия 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.

ответ

2

Ваш код почти правильно - вам нужно:

  • установить axisLabelUseCanvas свойство true (только раскомментировать линии у вас уже есть установка в true)
  • изменить написание axisLabelColor до axisLabelColour (извещение различное правописание «цвет»)

Упрощенный пример набор опций выглядит следующим образом:

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

Это JSFiddle имеет рабочий пример.

Смежные вопросы