title: Customize primefaces chart
body: <p>I using of primefaces's chart on my project.</p>
  
  <p>I know be primefaces's chart use of jqplot .</p>
  
  <p>on jqplot's site exist example of customizing jqplot chart.</p>
  
  <p>how to use of example codes for customizing primefaces chart ?</p>
  
  <p>sample code for customizing jqplot chart is following :</p>
  
  <pre><code>$(document).ready(function () {
  $.jqplot._noToImageButton = true;
  var plot1 = $.jqplot("chart1", [prevYear, currYear], {
      seriesColors: ["rgba(78, 135, 194, 0.7)", "rgb(211, 235, 59)"],
      title: 'Monthly TurnKey Revenue',
      highlighter: {
          show: true,
          sizeAdjust: 1,
          tooltipOffset: 9
      },
      grid: {
          background: 'rgba(57,57,57,0.0)',
          drawBorder: false,
          shadow: false,
          gridLineColor: '#666666',
          gridLineWidth: 2
      },
      legend: {
          show: true,
          placement: 'outside'
      },
      seriesDefaults: {
          rendererOptions: {
              smooth: true,
              animation: {
                  show: true
              }
          },
          showMarker: false
      },
      series: [
          {
              fill: true,
              label: '2010'
          },
          {
              label: '2011'
          }
      ],
      axesDefaults: {
          rendererOptions: {
              baselineWidth: 1.5,
              baselineColor: '#444444',
              drawBaseline: false
          }
      },
      axes: {
          xaxis: {
              renderer: $.jqplot.DateAxisRenderer,
              tickRenderer: $.jqplot.CanvasAxisTickRenderer,
              tickOptions: {
                  formatString: "%b %e",
                  angle: -30,
                  textColor: '#dddddd'
              },
              min: "2011-08-01",
              max: "2011-09-30",
              tickInterval: "7 days",
              drawMajorGridlines: false
          },
          yaxis: {
              renderer: $.jqplot.LogAxisRenderer,
              pad: 0,
              rendererOptions: {
                  minorTicks: 1
              },
              tickOptions: {
                  formatString: "$%'d",
                  showMark: false
              }
          }
      }
  });
  
    $('.jqplot-highlighter-tooltip').addClass('ui-corner-all')
  });
  </code></pre>
  
  <p>example link <a href="http://www.jqplot.com/deploy/dist/examples/dashboardWidget.html" rel="nofollow">1</a></p>
  
  <p>how to use of above code on primefaces chart ?</p>