Friday, February 17, 2012

jqPlot custom tick labels


I've got data with X values from 0 to 55. I would like to see these values as a custom text in tick labels. Ideally, I want to specify some callback, like




function tickLabel(tickValue) {
return "This is " + tickValue;
}



Is it possible?

2 comments:

  1. Use something like:

    var line1 = [['This is '.$value, $value], ...]


    And call your plot as:

    var plot1 = $.jqplot('chart1', [line1], {
    title: 'Title of your plot',
    series:[{renderer:$.jqplot.BarRenderer}],
    axesDefaults: {
    tickRenderer: $.jqplot.CanvasAxisTickRenderer ,
    tickOptions: {
    angle: -30,
    fontSize: '10pt'
    }
    },
    axes: {
    xaxis: {
    renderer: $.jqplot.CategoryAxisRenderer
    }
    }
    });

    ReplyDelete
  2. I've found a solution.

    xaxis: {
    tickRenderer: $.jqplot.AxisTickRenderer,
    tickOptions: {
    formatter: function(format, value) { return "This is " + value; }
    }
    }

    ReplyDelete