jqPlot: hide axis ticks?

Question

Here's a default jqPlot axis with ticks:

with ticks

Setting "showTicks: false" on the x-axis removes everything:

without ticks

I want to display the numbers and hide the ticks - the little dashes between the numbers and the thick axis line. Is this possible?

reckbo · Answer 1 · 2011-10-14T20:34:19.200

8

axesDefaults: {
   showTickMarks:false
}

showTicks toggles the tick marks and the tick labels, and showTickMarks toggles only the tick marks.

Check out the options at: http://www.jqplot.com/docs/files/jqPlotOptions-txt.html

EDIT: I mistakenly had showTicks in the code snippet, which I fixed.

edited Oct 14 '11 at 20:34

answered Sep 17 '11 at 19:38

reckbo

302
4
13

Doesn't this give the result in my second screenshot? – Ollie Glass Sep 18 '11 at 16:10
No longer works for me (Version: jquery.jqplot.1.0.8r1250.zip). See my answer below. – Olmstov Feb 23 '18 at 22:25

score 0 · Answer 2 · answered Feb 23 '18 at 22:24

Not sure if the framework changed since this answer but it didn't work for me.

Here's what did (I left all the fluff so you can see where the axesDefaults live).

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

jqPlot: hide axis ticks?

2 Answers2