Don't like ads? PRO users don't see any ads ;-)
Guest

Untitled

By: a guest on Apr 28th, 2012  |  syntax: None  |  size: 1.56 KB  |  hits: 74  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. jqPlot Show Label for a dashed horizontal line
  2. var line3 = [['02/01/2012 00:00:00', '02/01/2012 01:00:00'], ['02/02/2012 00:00:00', '02/01/2012 06:00:00'], ['02/03/2012 00:00:00', '02/01/2012 06:00:00'], ['02/04/2012 00:00:00', '02/01/2012 06:00:00']];
  3.   var plot2 = $.jqplot('chart1', [line3], {
  4.     title:'Mouse Cursor Tracking',
  5.     axes:{
  6.       xaxis:{
  7.           min:'2012-02-01',
  8.       max:'2012-02-10',
  9.       Label: 'Day',
  10.       renderer:$.jqplot.DateAxisRenderer,
  11.           tickOptions:{
  12.             formatString:'%b %#d'
  13.           },
  14.           tickInterval:'1 day'
  15.       },
  16.       yaxis:{
  17.     min:'2012-02-01 00:00:00',
  18.     max:'2012-02-01 24:00:00',
  19.     Label: 'Time',
  20.         renderer:$.jqplot.DateAxisRenderer,
  21.         tickOptions:{
  22.           formatString:'%H'
  23.         },
  24.         tickInterval:'2 hour'
  25.       }
  26.     },
  27.     highlighter: {
  28.       show: false
  29.     },
  30.     cursor: {
  31.       show: true,
  32.       tooltipLocation:'sw'
  33.     },
  34.     canvasOverlay: {
  35.       show: true,
  36.       objects: [
  37.         {horizontalLine: {
  38.           name: 'pebbles',
  39.           y: new $.jsDate( '2012-02-01 05:00:00').getTime(),
  40.           lineWidth: 3,
  41.           color: 'rgb(100, 55, 124)',
  42.           shadow: true,
  43.           lineCap: 'butt',
  44.           xOffset: 0
  45.         }},
  46.         {dashedHorizontalLine: {
  47.           name: 'bam-bam',
  48.           y: new $.jsDate( '2012-02-01 10:00:00').getTime(),
  49.           lineWidth: 4,
  50.           dashPattern: [8, 16],
  51.           lineCap: 'round',
  52.           xOffset: '25',
  53.           color: 'rgb(66, 98, 144)',
  54.           shadow: false
  55.         }}
  56.       ]
  57.     }          
  58.   });