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有一个有效的例子。

如何为flot chart更改yaxes的标题颜色？

1 个答案: