jqPlot:隐藏轴刻度?

时间:2011-05-10 10:48:39

标签: javascript jquery jqplot

这是一个带刻度的默认jqPlot轴:

with ticks

在x轴上设置“showTicks:false”会删除所有内容:

without ticks

我想显示数字并隐藏刻度 - 数字和粗轴线之间的小破折号。这可能吗?

2 个答案:

答案 0 :(得分:6)

axesDefaults: {
   showTickMarks:false
}

showTicks切换刻度线和刻度标签,showTickMarks只切换刻度线。

查看以下选项: http://www.jqplot.com/docs/files/jqPlotOptions-txt.html

编辑:我在代码片段中错误地使用了showTicks,我修复了它。

答案 1 :(得分:0)

不确定框架是否因为这个答案而改变,但它对我没有用。

这是什么(我留下了所有的绒毛,所以你可以看到axesDefaults住在哪里)。

var plot1 = $.jqplot ('chart1', [line1, badLine], {
    title:'Data Point Highlighting',
    axesDefaults:{
        tickOptions:{
            showMark: false
        }
    },
    axes:{
        xaxis:{
            tickInterval:1,
            min:0.5,
            ticks: [[0.5,""],[1,"1"],[2,"2"],[2.5,""]]
        },
        yaxis:{
            ticks: [['25', ""], ['24', "12am"], ['22', "2am"], '20', '18', ['16',"4pm"], '14', '12', '10', '8', '6', '4', '2', '0'],
            min:0,
            max:24,
        }
    },
    series:[
        {
            showLine: false
        },
        {
            showLine: false,
            markerOptions: { style:"x" }
        }
    ],
    highlighter:{
        show: true,
        sizeAdjust: 7.5
    },
    cursor:{
        show: false
    }
});

http://www.jqplot.com/docs/files/jqplot-core-js.html#jqPlot.axesDefaults