【问题标题】:Flot chart: How to remove/hide tick values along y-axis?浮动图表:如何删除/隐藏沿 y 轴的刻度值?
【发布时间】:2016-01-20 05:38:06
【问题描述】:

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

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/

【问题讨论】:

    标签: javascript jquery charts bar-chart flot


    【解决方案1】:

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

    yAxis{
    ticks: [] 
    }
    

    查看fiddle

    【讨论】:

      【解决方案2】:

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

      并再次显示它使用:

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

      Jsfiddle

      【讨论】:

        猜你喜欢
        • 2020-12-24
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2011-03-29
        • 1970-01-01
        相关资源
        最近更新 更多