anchor.diff:                  colorScheme: 'scheme02',
                   source: source,
                   xAxis:
  -                        {
  +        {
   //                            minValue: 175,
   //                            maxValue: 550,
  -                            dataField: 'row',
  -                            flip: false,
  -                            valuesOnTicks: true,
  -                            rangeSelector: {
  -                                serieType: 'area',
  -                                padding: {/*left: 0, right: 0,*/ top: 20, bottom: 0},
  -                                // Uncomment the line below to render the selector in a separate container
  -                                //renderTo: $('#selectorContainer'),
  -                                backgroundColor: 'white',
  -                                size: 110,
  -                                gridLines: {visible: false}
  -                            }
  -                        },
  +        dataField: 'row',
  +                flip: false,
  +                valuesOnTicks: true,
  +                rangeSelector: {
  +                serieType: 'area',
  +                        padding: {/*left: 0, right: 0,*/ top: 20, bottom: 0},
  +                        // Uncomment the line below to render the selector in a separate container
  +                        //renderTo: $('#selectorContainer'),
  +                        backgroundColor: 'white',
  +                        size: 110,
  +                        gridLines: {visible: false}
  +                }
  +        },
                   seriesGroups:
  -                        [
  -                            {
  -                                type: 'line',
  -                                toolTipFormatFunction: toolTipCustomFormatFn,
  -                                valueAxis:
  -                                        {
  -                                            flip: false,
  -                                            title: {text: 'Value<br><br>'}
  -                                        },
  -                                series: [
  -                                    {dataField: 'agreeablenessBig5',displayText:'agreeableness', lineWidth: 1},
  -                                    {dataField: 'analytical', displayText:'analytical',lineWidth: 1},
  -                                    {dataField: 'anger', displayText:'anger', lineWidth: 1},
  -                                    {dataField: 'confident', displayText:'confident',lineWidth: 1},
  -                                    {dataField: 'conscientiousnessBig5',displayText:'conscientiousness' ,lineWidth: 1},
  -                                    {dataField: 'disgust', lineWidth: 1},
  -                                    {dataField: 'emotionalRangeBig5', displayText:'emo range',lineWidth: 1},
  -                                    {dataField: 'extraversionBig5',displayText:'extravert', lineWidth: 1},
  -                                    {dataField: 'fear', displayText:'fear',lineWidth: 1},
  -                                    {dataField: 'joy',displayText:'joy' ,lineWidth: 1},
  -                                    {dataField: 'opennessBig5', displayText:'open',lineWidth: 1},
  -                                    {dataField: 'sadness',displayText:'sad', lineWidth: 1},
  -                                    {dataField: 'tentative',displayText: 'tentative', lineWidth: 1},
  +        [
  +        {
  +        type: 'line',
  +                toolTipFormatFunction: toolTipCustomFormatFn,
  +                valueAxis:
  +        {
  +        flip: false,
  +                title: {text: 'Value<br><br>'}
  +        },
  +                series: [
  +                {dataField: 'agreeablenessBig5', displayText:'agreeableness', lineWidth: 1},
  +                {dataField: 'analytical', displayText:'analytical', lineWidth: 1},
  +                {dataField: 'anger', displayText:'anger', lineWidth: 1},
  +                {dataField: 'confident', displayText:'confident', lineWidth: 1},
  +                {dataField: 'conscientiousnessBig5', displayText:'conscientiousness', lineWidth: 1},
  +                {dataField: 'disgust', lineWidth: 1},
  +                {dataField: 'emotionalRangeBig5', displayText:'emo range', lineWidth: 1},
  +                {dataField: 'extraversionBig5', displayText:'extravert', lineWidth: 1},
  +                {dataField: 'fear', displayText:'fear', lineWidth: 1},
  +                {dataField: 'joy', displayText:'joy', lineWidth: 1},
  +                {dataField: 'opennessBig5', displayText:'open', lineWidth: 1},
  +                {dataField: 'sadness', displayText:'sad', lineWidth: 1},
  +                {dataField: 'tentative', displayText: 'tentative', lineWidth: 1},
   //                                    {dataField: 'rowTotal', lineWidth: 1},
  -                                    {dataField: 'mood', lineWidth: 4}
  +                {dataField: 'mood', lineWidth: 4}
   //                                    {dataField: 'producivtiy', lineWidth: 1}
  -                                ]
  -                            }
  -                        ]
  -            };
  -            $('#chartContainer').jqxChart(settings);
  -            
  -}
  -            
  -            
  -            var areaData = <%=area%>;
  -            
  -            
  -    var initTab2 = function(){
  -            
  -              var settingsArea = {
  -                title: "Weighted Tone Analysis",
  +                ]
  +        }
  +        ]
  +        };
  +        $('#chartContainer').jqxChart(settings);
  +        }
  +
  +
  +        var areaData = <%=area%>;
  +        var initTab2 = function(){
  +
  +        var settingsArea = {
  +        title: "Weighted Tone Analysis",
                   description: "",
                   enableAnimations: true,
                   showLegend: true,
  
positive.code: <jsp:setProperty name="user" property="*"/> 
  <%
      String data = "";
      String area ="";
      String tbl ="";
      ServletHelpers sh = new ServletHelpers(request, response);
      data = sh.getStrAttribute("diaryReportData", "[]");
      tbl = sh.getStrAttribute("diaryTbl", "");
  
negative.code:     <link rel="stylesheet" href="scripts/jqx/styles/jqx.base.css" type="text/css" />
      <link href="rstyle.css" rel="stylesheet" type="text/css"/>
      <script type="text/javascript" src="scripts/jquery.min.js"></script>
      <!--    <script type="text/javascript" src="scripts/jqx/jqxcore.js"></script>
          <script type="text/javascript" src="scripts/jqx/jqxdata.js"></script>
          <script type="text/javascript" src="scripts/jqx/jqxdraw.js"></script>
          <script type="text/javascript" src="scripts/jqx/jqxchart.core.js"></script>
          <script type="text/javascript" src="scripts/jqx/jqxchart.rangeselector.js"></script>-->
      <script type="text/javascript" src="scripts/jqx/jqx-all.js"></script>
      <script type="text/javascript">
          $(document).ready(function () {
  
          var tonePhraseEx = [{tone:'sadness', text:'The Curse of Keen Eyes - 08.19.04 Why I am cursed with being the guy that always sees the saddest and most pathetic little snippets of other peoples & quot; lives?'},
                  {tone:'tentative', text:'Songs like, um, &quot;Yankee Doodle&quot; or maybe &quot;Skip to my Lu.&quot; I&quot;m not sure if those were around then, though.'},
                  {tone:'emotional_range_big5', text:'That guy knew how to party.'},
                  {tone:'anger', text:'What an idiot I am!'},
                  {tone:'disgust', text:'THE passenger train is just starting from Bologoe, the junction on the Petersburg-Moscow line.'},
                  {tone:'confident', text:'I got it, of course.'},
                  {tone:'fear', text:'Damn all this philosophy and psychology!&quot;The guard walks through the compartment.&quot;My'},
                  {tone:'joy', text:'revoltingly happy,&quot; he says.'},
                  {tone:'analytical', text:'But think of her! . . .'},
                  {tone:'agreeableness_big5', text:'Tell that lady, then, that her husband is all right!&quot;Ivan'},
                  {tone:'conscientiousness_big5', text:'When that time comes you should love like a house on fire, but you won&quot;t heed the dictates of nature, you keep waiting for something.'},
                  {tone:'extraversion_big5', text:'dear fellow,&quot; the bridegroom addresses him, &quot;when you pass through the carriage No. 209 look out for a lady in a grey hat with a white bird and tell her I&quot;m here!&quot;&quot;Yes,'},
                  {tone:'openness_big5', text:'And then something happens in your head and your heart, finer than you can read of in a fairy tale.'},
                  {tone:'joy', text:'revoltingly happy,&quot; he says.'},
                  {tone:'openness_big5', text:'And then something happens in your head and your heart, finer than you can read of in a fairy tale.'}];
          // prepare the data
  //            var source =
  //                    {
  //                        datatype: "json",
  