The tickRenderer is inside axis and not inside the rendererOptions.

by aljordan82

HTML

<script src="http://cdn.jsdelivr.net/jqplot/1.0.8/jquery.jqplot.min.js"></script>
<link rel="stylesheet" href="http://cdn.jsdelivr.net/jqplot/1.0.8/jquery.jqplot.min.css">
<script src="http://cdn.jsdelivr.net/jqplot/1.0.8/plugins/jqplot.barRenderer.min.js"></script>
<script src="http://cdn.jsdelivr.net/jqplot/1.0.8/plugins/jqplot.categoryAxisRenderer.min.js"></script>
<script src="http://cdn.jsdelivr.net/jqplot/1.0.8/plugins/jqplot.pointLabels.min.js"></script>
<div id="chart1" style="height:300px; width:500px;"></div>
<div id="container"></div>

JavaScript

$(document).ready(function() {


    
    

        var seriesCnf =[
          {
            "color": "#0f0",
            "label": "test",
            "lineWidth": 10
          },
          {
            "color": "#f00",
            "showMarker": false,
            "label": "test2",
            "lineWidth": 10
          },
           {
            "color": "#00f",
            "showMarker": false,
            "label": "test2",
            "lineWidth": 10
          }
        ];
    
    
        var loc = [
            [
                [
                    1,
                    1,
                    'from 1'
                ],
                [
                    2,
                    1,
                    'to 2'
                ]
            ],
            [
                [
                    2,
                    2,
                    "f 2"
                ],
                [
                    4,
                    2,
                    "T 3"
                ]
            ],
            [
                [
                    2,
                    3,
                    "F 2"
                ],
                [
                    3,
                    3,
                    'T 3'
                ]
            ]
        ];



        plot1 = $.jqplot('container', loc,{
           seriesColors: ["#941B80"],
            axes: {
              yaxis: {
                renderer: $.jqplot.DateAxisRenderer,
                    tickRenderer: $.jqplot.CanvasAxisTickRenderer,
                    tickOptions: {
                       formatString: '%R',
                       // angle: 0
                        show: true,
                        showLabel: true,
                    },
                 // pad: 0,
                   tickInterval: 1,
                   min: 0
              },
                
                
              xaxis: {
                 labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
                                   label:...