Flot chart:如何沿y轴移除/隐藏刻度值?

时间:2016-01-20 05:38:06

标签: javascript jquery charts bar-chart flot

我想沿y轴删除刻度值(3.5,3.0,2.5,2.0,1.5,1.0,0.5,0.0)。有关更多信息,请参见下图。如果无法删除则必须有一些选项来更改颜色。我会让它透明。

enter image description here

var data = [{data: [[0,1]], color: "red"},
            {data: [[1,2]], color: "yellow"},
            {data: [[2,3]], color: "green"}];

$.plot("#placeholder",data, {
    series: {
        bars: {
            show: true,
            barWidth: 0.3,
            align: "center",
            lineWidth: 0,
            fill:.75
        }
    },
    xaxis: {
        ticks: [[0,"Red"],[1,"Yellow"],[2,"Green"]]
    }
});

以下是我要遵循的示例:http://jsfiddle.net/TPp8m/

2 个答案:

答案 0 :(得分:5)

您可以将yAxis刻度设置为数组以仅获取这些值,对于我添加的问题

yAxis{
ticks: [] 
}

检查fiddle

答案 1 :(得分:0)

正如您所说,您只想隐藏所有y轴值,而不是使用$("#placeholder").find(".tickLabel").hide();

并再次显示使用:

$("#placeholder").find(".tickLabel").show();

Jsfiddle