jqPlot自定义刻度标签

时间:2012-02-13 15:54:15

标签: javascript jqplot

我有从0到55的X值的数据。我希望将这些值看作刻度标签中的自定义文本。理想情况下,我想指定一些回调,比如

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

有可能吗?

2 个答案:

答案 0 :(得分:17)

我找到了解决方案。

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

答案 1 :(得分:2)

使用类似:

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

将你的情节称为:

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
      }
    }
  });