在浮点图的y轴上使用标签代替数字

Question

目前，为每个team分配了一个值，例如team1.txt == 1
因此，当我绘制图形时，每个团队在x轴（时间轴）上都有一条连续的线。
y轴的值为1 .. 3 ，我如何更改y轴的标签？
因此，我没有看到1作为y轴上的第一个指标，而是看到了team1.txt ..然后，y轴上的下一个值将是team2.txt

html

<div id="content">
    <div class="demo-container">
        <div id="placeholder" class="demo-placeholder">
    </div>
</div>
<div id="chartLegend"></div>
</div>

javascript

text = '[{"name":"team1.txt","points":[[1389340501000,1],[1389370501000,1],[1389873602000,1],[1390046402000,1],[1390078402000,1]]},{"name":"team2.txt","points":[[1389370501000,2],[1389441601000,2],[1389528002000,2]]},{"name":"team3.txt","points":[[1389370501000,3],[1389441601000,3],[1389441601000,3]]}]';
var datasets = JSON.parse(text);

var data = [];
for (var i = 0; i < datasets.length; i++) {
    data.push({label: datasets[i].name, data: datasets[i].points});
}


$.plot($("#placeholder"), data, {
    xaxis: {
        mode: "time",
        min: (new Date(2014, 1, 1)).getTime(),
        max: (new Date()).getTime()
    },
    series: {
        stack: true,
        lines: {
            show: true
        },
        points: {
            show: true
        }
    },
    grid: {
        hoverable: true,
        clickable: true
    },
    legend: {
        noColumns: 5,
        container: $("#chartLegend")
    }
});

Answer 1

您可以tickFormatter使用tickFormatter函数：

yaxis: {
    tickFormatter: function (val, axis) {
        if (datasets[val - 1])
            return datasets[val - 1].name;
        else
            return '';
    }
},

请参阅此小提琴以获得有效的演示。

PS：我必须将xaxis min更改为new Date(2014, 0, 1) xaxis min new Date(2014, 0, 1) （一月是月份0，请参见此处 ）。

Answer 2

采用：

yaxis:{mode: "categories", tickLength:0}

这对我有用，自动添加所有不同的字符串值（当它们作为y点发送时）。 这是一个小提琴http://jsfiddle.net/Margo/yKG7X/4/

建议添加此脚本： http ://www.flotcharts.org/flot/jquery.flot.categories.js

您还可以使用类似：

yaxis: { ticks: [[0, 'true'], [1, 'false']] }

..如果您的值是预定义的。

希望能帮助到你 ：）