Javascript 在flot图的y轴上使用标签而不是数字

Javascript 在flot图的y轴上使用标签而不是数字,javascript,graph,flot,Javascript,Graph,Flot,此时,为每个团队分配了一个值,例如team1.txt==1 因此,当我渲染图形时,每个团队都有一条沿x轴(时间轴)的连续线。 y轴的值1。。3,如何更改y轴标签? 因此,我没有将1视为y轴上的第一个度量,而是看到了team1.txt。。然后y轴上的下一个值将是team2.txt html javascript text = '[{"name":"team1.txt","points":[[1389340501000,1],[1389370501000,1],[1389873602000,1]

此时,为每个
团队
分配了一个值,例如
team1.txt==1

因此,当我渲染图形时,每个团队都有一条沿x轴(时间轴)的连续线。
y轴的值<代码>1。。3,如何更改y轴标签?
因此,我没有将
1
视为y轴上的第一个度量,而是看到了
team1.txt
。。然后y轴上的下一个值将是
team2.txt

html


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")
    }
});
text='[{“name”:“team1.txt”,“points”:[[138934050100,1],[1389370501000,1],[1389873602000,1],[1390046402000,1],[1390078402000,1],{“name”:“team2.txt”,“points”:[[1389370501000,2],[1389441601000,2],[138952800020000,2],[138952800020000,2],[name],[team3.txt”,“points”:[1389370501000,3],[13894601000,3],[138944016013];
var datasets=JSON.parse(文本);
var数据=[];
对于(var i=0;i
您可以使用
tickFormatter
功能:

yaxis: {
    tickFormatter: function (val, axis) {
        if (datasets[val - 1])
            return datasets[val - 1].name;
        else
            return '';
    }
},
请看这个演示


PS:我必须将
xaxis min
值更改为
新日期(2014,0,1)
(1月是0月,请参见)。

您可以使用
tickFormatter
功能:

yaxis: {
    tickFormatter: function (val, axis) {
        if (datasets[val - 1])
            return datasets[val - 1].name;
        else
            return '';
    }
},
请看这个演示

PS:我必须将xaxis min值更改为新日期(2014,0,1)(1月是0月,请参见)。

使用:

yaxis:{mode: "categories", tickLength:0}
这对我来说很有用,它会自动添加所有不同的字符串值(当它们作为y点发送时)。这是一把小提琴

要添加此脚本,请记住:

您还可以使用以下内容:

yaxis: { ticks: [[0, 'true'], [1, 'false']] }
。。如果您的值是预定义的

希望有帮助:)

使用:

yaxis:{mode: "categories", tickLength:0}
这对我来说很有用,它会自动添加所有不同的字符串值(当它们作为y点发送时)。这是一把小提琴

要添加此脚本,请记住:

您还可以使用以下内容:

yaxis: { ticks: [[0, 'true'], [1, 'false']] }
。。如果您的值是预定义的

希望有帮助:)