| <apex:component controller="DummyController" id="component"> | 
| <apex:attribute description="required" required="true" name="personalEvaluationSettingJson" type="map"/> | 
| <apex:attribute description="required" required="true" name="selectUser" type="String"/> | 
| <apex:attribute description="required" required="false" name="selectPlist" type="String"/> | 
| <apex:attribute description="required" required="true" name="selectedTab" type="String" /> | 
| <apex:attribute description="required" required="true" name="tabIdx" type="String" /> | 
| <apex:attribute description="required" required="true" name="peSettingsMap" type="map" /> | 
| <apex:stylesheet value="{!URLFOR($Resource.PersonalEvaluationCss)}"/> | 
| <apex:includeScript value="{!URLFOR($Resource.jquery183minjs)}"/> | 
| <apex:includeScript value="{!URLFOR($Resource.PleaseWaitDialog)}"/> | 
| <apex:includeScript value="{!URLFOR($Resource.CommonUtilJs)}"/> | 
| <apex:includeScript value="{!URLFOR($Resource.PersonalEvaluationTabJs)}"/> | 
| <apex:includeScript value="{!URLFOR($Resource.html2canvasJs)}"/> | 
| <!--[if lt IE 9]><script type="text/javascript" src="{!URLFOR($Resource.jquery_jqplot, 'dist/excanvas.js')}"></script><![endif]--> | 
| <script type="text/javascript" src="{!URLFOR($Resource.jquery_jqplot, 'dist/jquery.jqplot.min.js')}"></script> | 
| <script type="text/javascript" src="{!URLFOR($Resource.jquery_jqplot, 'dist/plugins/jqplot.barRenderer.min.js')}"></script> | 
| <script type="text/javascript" src="{!URLFOR($Resource.jquery_jqplot, 'dist/plugins/jqplot.donutRenderer.min.js')}"></script> | 
| <script type="text/javascript" src="{!URLFOR($Resource.jquery_jqplot, 'dist/plugins/jqplot.canvasTextRenderer.min.js')}"></script> | 
| <script type="text/javascript" src="{!URLFOR($Resource.jquery_jqplot, 'dist/plugins/jqplot.highlighter.min.js')}"></script> | 
| <script type="text/javascript" src="{!URLFOR($Resource.jquery_jqplot, 'dist/plugins/jqplot.meterGaugeRenderer.min.js')}"></script> | 
| <script type="text/javascript" src="{!URLFOR($Resource.jquery_jqplot, 'dist/plugins/jqplot.pointLabels.min.js')}"></script> | 
| <script type="text/javascript" src="{!URLFOR($Resource.jquery_jqplot, 'dist/plugins/jqplot.categoryAxisRenderer.min.js')}"></script> | 
| <script type="text/javascript" src="{!URLFOR($Resource.jquery_jqplot, 'dist/plugins/jqplot.canvasAxisLabelRenderer.min.js')}"></script> | 
| <script type="text/javascript" src="{!URLFOR($Resource.jquery_jqplot, 'dist/plugins/jqplot.canvasAxisTickRenderer.min.js')}"></script> | 
| <script type="text/javascript" src="{!URLFOR($Resource.jquery_jqplot, 'dist/plugins/jqplot.enhancedLegendRenderer.min.js')}"></script> | 
| <script type="text/javascript" src="{!URLFOR($Resource.jquery_jqplot, 'dist/plugins/jqplot.dateAxisRenderer.min.js')}"></script> | 
| <link rel="stylesheet" type="text/css" href="{!URLFOR($Resource.jquery_jqplot, 'dist/jquery.jqplot.css')}" /> | 
| <input id="Page:Form:selectUser" type="hidden" value="{!selectUser}"/> | 
| <input id="Page:Form:selectPlist" type="hidden" value="{!selectPlist}"/> | 
| <input id="selectedTab" type="hidden" value="{!selectedTab}"/> | 
| <apex:form id="Form"> | 
| <!-- display:noneにすると、inputFieldのjsが効かない、位置を画面枠外にセット --> | 
| <div id="reportCommentPopWrapper" style="position: absolute; top: -100px; left: -100px;"> | 
|     <div class="reportCommentPop"> | 
|         <apex:outputPanel layout="none" rendered="{!NOT(ISBLANK(selectPlist))}"> | 
|             <div style="background-color: wheat;"> | 
|             <table> | 
|                 <tr> | 
|                     <td>指定用户:<font color="red">*</font></td> | 
|                     <td><apex:inputField value="{!pe.OwnerId}" id="userForComment" style="width:90px;"/></td> | 
|                 </tr> | 
|             </table> | 
|             </div> | 
|         </apex:outputPanel> | 
|         <textarea class="limitedtextarea" onKeyDown="limitText(this,200);" onKeyUp="limitText(this,200);"></textarea> | 
|         <br/> | 
|         <input readonly="readonly" type="text" class="countdown" value="200"/><font size="1"> characters left.</font> | 
|         <button class="saveComment" type="button" onclick="saveReportComment(this)">{!$Label.Evalutaion_Comment}</button> | 
|         <iframe style="padding-left:2px;" seamless="seamless" class="reportCommentList" frameborder="0" allowtransparency="true" height="170" width="296"></iframe> | 
|     </div> | 
| </div> | 
| </apex:form> | 
| <apex:outputPanel layout="none" rendered="{!IF(selectUser == 'Nothing', true, false)}">{!$Label.No_User_Selected}</apex:outputPanel> | 
| <apex:outputPanel layout="none" rendered="{!IF(selectUser == '' && selectPlist = '' , true, false)}">{!$Label.No_Province_Selected}</apex:outputPanel> | 
| <apex:outputPanel layout="none" rendered="{!IF(selectUser != 'Nothing' && Not(selectUser == '' && selectPlist = ''), true, false)}"> | 
|     <div class="clear_both"></div> | 
|     <apex:outputPanel styleClass="reportElement reportNum_{!tabIdx}_1_1" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report1_1__c), false, true)}" style="float:left;"> | 
|         <div id="chart1_1" class="jqplot-target" style="width:320px; height:260px;"> | 
|             <div class="loadingMask"><div class="loadingPanel"></div><span class="loadingMsg">{!$Label.Loading_Report_Chart}</span></div> | 
|         </div> | 
|     </apex:outputPanel> | 
|     <apex:outputPanel styleClass="reportElement" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report1_1__c), true, false)}" style="float:left;"/> | 
|     <apex:outputPanel styleClass="reportElement reportNum_{!tabIdx}_1_2" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report1_2__c), false, true)}" style="float:left;"> | 
|         <div id="chart1_2" class="jqplot-target" style="width:320px; height:260px;"> | 
|             <div class="loadingMask"><div class="loadingPanel"></div><span class="loadingMsg">{!$Label.Loading_Report_Chart}</span></div> | 
|         </div> | 
|     </apex:outputPanel> | 
|     <apex:outputPanel styleClass="reportElement" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report1_2__c), true, false)}" style="float:left;"/> | 
|     <apex:outputPanel styleClass="reportElement reportNum_{!tabIdx}_1_3 last" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report1_3__c), false, true)}" style="float:left;"> | 
|         <div id="chart1_3" class="jqplot-target" style="width:320px; height:260px;"> | 
|             <div class="loadingMask"><div class="loadingPanel"></div><span class="loadingMsg">{!$Label.Loading_Report_Chart}</span></div> | 
|         </div> | 
|     </apex:outputPanel> | 
|     <apex:outputPanel styleClass="reportElement last" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report1_3__c), true, false)}" style="float:left;"/> | 
|     <div class="clear_both"></div> | 
|     <apex:outputPanel styleClass="reportElement reportNum_{!tabIdx}_2_1" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report2_1__c), false, true)}" style="float:left;"> | 
|         <div id="chart2_1" class="jqplot-target" style="width:320px; height:260px;"> | 
|             <div class="loadingMask"><div class="loadingPanel"></div><span class="loadingMsg">{!$Label.Loading_Report_Chart}</span></div> | 
|         </div> | 
|     </apex:outputPanel> | 
|     <apex:outputPanel styleClass="reportElement" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report2_1__c), true, false)}" style="float:left;"/> | 
|     <apex:outputPanel styleClass="reportElement reportNum_{!tabIdx}_2_2" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report2_2__c), false, true)}" style="float:left;"> | 
|         <div id="chart2_2" class="jqplot-target" style="width:320px; height:260px;"> | 
|             <div class="loadingMask"><div class="loadingPanel"></div><span class="loadingMsg">{!$Label.Loading_Report_Chart}</span></div> | 
|         </div> | 
|     </apex:outputPanel> | 
|     <apex:outputPanel styleClass="reportElement" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report2_2__c), true, false)}" style="float:left;"/> | 
|     <apex:outputPanel styleClass="reportElement reportNum_{!tabIdx}_2_3 last" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report2_3__c), false, true)}" style="float:left;"> | 
|         <div id="chart2_3" class="jqplot-target" style="width:320px; height:260px;"> | 
|             <div class="loadingMask"><div class="loadingPanel"></div><span class="loadingMsg">{!$Label.Loading_Report_Chart}</span></div> | 
|         </div> | 
|     </apex:outputPanel> | 
|     <apex:outputPanel styleClass="reportElement last" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report2_3__c), true, false)}" style="float:left;"/> | 
|     <div class="clear_both"></div> | 
|     <apex:outputPanel styleClass="reportElement reportNum_{!tabIdx}_3_1" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report3_1__c), false, true)}" style="float:left;"> | 
|         <div id="chart3_1" class="jqplot-target" style="width:320px; height:260px;"> | 
|             <div class="loadingMask"><div class="loadingPanel"></div><span class="loadingMsg">{!$Label.Loading_Report_Chart}</span></div> | 
|         </div> | 
|     </apex:outputPanel> | 
|     <apex:outputPanel styleClass="reportElement" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report3_1__c), true, false)}" style="float:left;"/> | 
|     <apex:outputPanel styleClass="reportElement reportNum_{!tabIdx}_3_2" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report3_2__c), false, true)}" style="float:left;"> | 
|         <div id="chart3_2" class="jqplot-target" style="width:320px; height:260px;"> | 
|             <div class="loadingMask"><div class="loadingPanel"></div><span class="loadingMsg">{!$Label.Loading_Report_Chart}</span></div> | 
|         </div> | 
|     </apex:outputPanel> | 
|     <apex:outputPanel styleClass="reportElement" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report3_2__c), true, false)}" style="float:left;"/> | 
|     <apex:outputPanel styleClass="reportElement reportNum_{!tabIdx}_3_3 last" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report3_3__c), false, true)}" style="float:left;"> | 
|         <div id="chart3_3" class="jqplot-target" style="width:320px; height:260px;"> | 
|             <div class="loadingMask"><div class="loadingPanel"></div><span class="loadingMsg">{!$Label.Loading_Report_Chart}</span></div> | 
|         </div> | 
|     </apex:outputPanel> | 
|     <apex:outputPanel styleClass="reportElement last" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report3_3__c), true, false)}" style="float:left;"/> | 
|     <div class="clear_both"></div> | 
|     <apex:outputPanel styleClass="reportElement reportNum_{!tabIdx}_4_1" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report4_1__c), false, true)}" style="float:left;"> | 
|         <div id="chart4_1" class="jqplot-target" style="width:320px; height:260px;"> | 
|             <div class="loadingMask"><div class="loadingPanel"></div><span class="loadingMsg">{!$Label.Loading_Report_Chart}</span></div> | 
|         </div> | 
|     </apex:outputPanel> | 
|     <apex:outputPanel styleClass="reportElement" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report4_1__c), true, false)}" style="float:left;"/> | 
|     <apex:outputPanel styleClass="reportElement reportNum_{!tabIdx}_4_2" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report4_2__c), false, true)}" style="float:left;"> | 
|         <div id="chart4_2" class="jqplot-target" style="width:320px; height:260px;"> | 
|             <div class="loadingMask"><div class="loadingPanel"></div><span class="loadingMsg">{!$Label.Loading_Report_Chart}</span></div> | 
|         </div> | 
|     </apex:outputPanel> | 
|     <apex:outputPanel styleClass="reportElement" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report4_2__c), true, false)}" style="float:left;"/> | 
|     <apex:outputPanel styleClass="reportElement reportNum_{!tabIdx}_4_3 last" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report4_3__c), false, true)}" style="float:left;"> | 
|         <div id="chart4_3" class="jqplot-target" style="width:320px; height:260px;"> | 
|             <div class="loadingMask"><div class="loadingPanel"></div><span class="loadingMsg">{!$Label.Loading_Report_Chart}</span></div> | 
|         </div> | 
|     </apex:outputPanel> | 
|     <apex:outputPanel styleClass="reportElement last" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report4_3__c), true, false)}" style="float:left;"/> | 
|     <div class="clear_both"></div> | 
|     <apex:outputPanel styleClass="reportElement reportNum_{!tabIdx}_5_1" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report5_1__c), false, true)}" style="float:left;"> | 
|         <div id="chart5_1" class="jqplot-target" style="width:320px; height:260px;"> | 
|             <div class="loadingMask"><div class="loadingPanel"></div><span class="loadingMsg">{!$Label.Loading_Report_Chart}</span></div> | 
|         </div> | 
|     </apex:outputPanel> | 
|     <apex:outputPanel styleClass="reportElement" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report5_1__c), true, false)}" style="float:left;"/> | 
|     <apex:outputPanel styleClass="reportElement reportNum_{!tabIdx}_5_2" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report5_2__c), false, true)}" style="float:left;"> | 
|         <div id="chart5_2" class="jqplot-target" style="width:320px; height:260px;"> | 
|             <div class="loadingMask"><div class="loadingPanel"></div><span class="loadingMsg">{!$Label.Loading_Report_Chart}</span></div> | 
|         </div> | 
|     </apex:outputPanel> | 
|     <apex:outputPanel styleClass="reportElement" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report5_2__c), true, false)}" style="float:left;"/> | 
|     <apex:outputPanel styleClass="reportElement reportNum_{!tabIdx}_5_3 last" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report5_3__c), false, true)}" style="float:left;"> | 
|         <div id="chart5_3" class="jqplot-target" style="width:320px; height:260px;"> | 
|             <div class="loadingMask"><div class="loadingPanel"></div><span class="loadingMsg">{!$Label.Loading_Report_Chart}</span></div> | 
|         </div> | 
|     </apex:outputPanel> | 
|     <apex:outputPanel styleClass="reportElement last" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report5_3__c), true, false)}" style="float:left;"/> | 
|     <div class="clear_both"></div> | 
|     <apex:outputPanel styleClass="reportElement reportNum_{!tabIdx}_6_1" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report6_1__c), false, true)}" style="float:left;"> | 
|         <div id="chart6_1" class="jqplot-target" style="width:320px; height:260px;"> | 
|             <div class="loadingMask"><div class="loadingPanel"></div><span class="loadingMsg">{!$Label.Loading_Report_Chart}</span></div> | 
|         </div> | 
|     </apex:outputPanel> | 
|     <apex:outputPanel styleClass="reportElement" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report6_1__c), true, false)}" style="float:left;"/> | 
|     <apex:outputPanel styleClass="reportElement reportNum_{!tabIdx}_6_2" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report6_2__c), false, true)}" style="float:left;"> | 
|         <div id="chart6_2" class="jqplot-target" style="width:320px; height:260px;"> | 
|             <div class="loadingMask"><div class="loadingPanel"></div><span class="loadingMsg">{!$Label.Loading_Report_Chart}</span></div> | 
|         </div> | 
|     </apex:outputPanel> | 
|     <apex:outputPanel styleClass="reportElement" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report6_2__c), true, false)}" style="float:left;"/> | 
|     <apex:outputPanel styleClass="reportElement reportNum_{!tabIdx}_6_3 last" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report6_3__c), false, true)}" style="float:left;"> | 
|         <div id="chart6_3" class="jqplot-target" style="width:320px; height:260px;"> | 
|             <div class="loadingMask"><div class="loadingPanel"></div><span class="loadingMsg">{!$Label.Loading_Report_Chart}</span></div> | 
|         </div> | 
|     </apex:outputPanel> | 
|     <apex:outputPanel styleClass="reportElement last" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report6_3__c), true, false)}" style="float:left;"/> | 
|     <div class="clear_both"></div> | 
|     <apex:outputPanel styleClass="reportElement reportNum_{!tabIdx}_7_1" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report7_1__c), false, true)}" style="float:left;"> | 
|         <div id="chart7_1" class="jqplot-target" style="width:320px; height:260px;"> | 
|             <div class="loadingMask"><div class="loadingPanel"></div><span class="loadingMsg">{!$Label.Loading_Report_Chart}</span></div> | 
|         </div> | 
|     </apex:outputPanel> | 
|     <apex:outputPanel styleClass="reportElement" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report7_1__c), true, false)}" style="float:left;"/> | 
|     <apex:outputPanel styleClass="reportElement reportNum_{!tabIdx}_7_2" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report7_2__c), false, true)}" style="float:left;"> | 
|         <div id="chart7_2" class="jqplot-target" style="width:320px; height:260px;"> | 
|             <div class="loadingMask"><div class="loadingPanel"></div><span class="loadingMsg">{!$Label.Loading_Report_Chart}</span></div> | 
|         </div> | 
|     </apex:outputPanel> | 
|     <apex:outputPanel styleClass="reportElement" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report7_2__c), true, false)}" style="float:left;"/> | 
|     <apex:outputPanel styleClass="reportElement reportNum_{!tabIdx}_7_3 last" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report7_3__c), false, true)}" style="float:left;"> | 
|         <div id="chart7_3" class="jqplot-target" style="width:320px; height:260px;"> | 
|             <div class="loadingMask"><div class="loadingPanel"></div><span class="loadingMsg">{!$Label.Loading_Report_Chart}</span></div> | 
|         </div> | 
|     </apex:outputPanel> | 
|     <apex:outputPanel styleClass="reportElement last" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report7_3__c), true, false)}" style="float:left;"/> | 
|     <div class="clear_both"></div> | 
|     <apex:outputPanel styleClass="reportElement reportNum_{!tabIdx}_8_1" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report8_1__c), false, true)}" style="float:left;"> | 
|         <div id="chart8_1" class="jqplot-target" style="width:320px; height:260px;"> | 
|             <div class="loadingMask"><div class="loadingPanel"></div><span class="loadingMsg">{!$Label.Loading_Report_Chart}</span></div> | 
|         </div> | 
|     </apex:outputPanel> | 
|     <apex:outputPanel styleClass="reportElement" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report8_1__c), true, false)}" style="float:left;"/> | 
|     <apex:outputPanel styleClass="reportElement reportNum_{!tabIdx}_8_2" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report8_2__c), false, true)}" style="float:left;"> | 
|         <div id="chart8_2" class="jqplot-target" style="width:320px; height:260px;"> | 
|             <div class="loadingMask"><div class="loadingPanel"></div><span class="loadingMsg">{!$Label.Loading_Report_Chart}</span></div> | 
|         </div> | 
|     </apex:outputPanel> | 
|     <apex:outputPanel styleClass="reportElement" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report8_2__c), true, false)}" style="float:left;"/> | 
|     <apex:outputPanel styleClass="reportElement reportNum_{!tabIdx}_8_3 last" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report8_3__c), false, true)}" style="float:left;"> | 
|         <div id="chart8_3" class="jqplot-target" style="width:320px; height:260px;"> | 
|             <div class="loadingMask"><div class="loadingPanel"></div><span class="loadingMsg">{!$Label.Loading_Report_Chart}</span></div> | 
|         </div> | 
|     </apex:outputPanel> | 
|     <apex:outputPanel styleClass="reportElement last" layout="block" rendered="{!IF(ISBLANK(peSettingsMap[tabIdx].Report8_3__c), true, false)}" style="float:left;"/> | 
|     <div class="clear_both"></div> | 
| </apex:outputPanel> | 
| <script type="text/javascript"> | 
| var noResultMessage = '{!JSENCODE($Label.Report_Returned_No_Results)}'; | 
| var currentfiscalyear = '{!$Label.Current_fiscalyear}'; | 
| var loginUserLanguage = '{!LoginUserLanguage}'; | 
| var personalEvaluationMap = {!personalEvaluationSettingJson};            // TODO 削除したい | 
| var selectedTab = jQuery('#selectedTab').val(); | 
| var selectedUser = jQuery(escapeVfId("Page:Form:selectUser")).value(); | 
| var selectPlist = jQuery(escapeVfId("Page:Form:selectPlist")).value(); | 
| var jqDefaultOption = { | 
|     grid: {shadow: false, background: 'white'}, | 
|     seriesColors:["#136fce", "#78c953", "#e27000", "#a845dc", "#f3d902", "#a53711", "#66e9bd", "#0b24be", "#419248", "#b6e32d", "#641bcf", "#f96fb7", "#2f5d85", "#afcadf", "#8f6429", "#efae73","#57f17c"], | 
|     seriesDefaults: { | 
|         renderer: jQuery.jqplot.BarRenderer,            // Barが多い、Barにしました | 
|         rendererOptions: {barMargin: 5, barPadding: 0, shadowAlpha:0}, | 
|         pointLabels: { | 
|             show: true, hideZeros: true, stackedValue: true,        // 積み上げ合計値表示 | 
|             ypadding: 4, | 
|             edgeTolerance: -20, | 
|             location: 'n' | 
|         } | 
|     }, | 
|     highlighter: { | 
|         show: true, showMarker: false, tooltipLocation: 'mouse', tooltipOffset: -7, | 
|         tooltipAxes: 'y', | 
|         useAxesFormatters:true | 
|     } | 
| } | 
| function makeHighlighterOption(seriesSet, format, tooltipAxes) { | 
|     var return_value = []; | 
|   | 
|     var arrayFlg = isArray(format); | 
|     var tmpFormat = ""; | 
|     if (isArray(seriesSet)) { | 
|         if (arrayFlg == true) { | 
|             if (seriesSet.length != format.length) { | 
|                 alert("makeHighlighterOption seriesSet.length error"); | 
|                 return return_value; | 
|             } | 
|         } | 
|         for (var i = 0; i < seriesSet.length; i++) { | 
|             if (!arrayFlg) { | 
|                 tmpFormat = format; | 
|             } else { | 
|                 tmpFormat = format[i];  | 
|             } | 
|             var tmpStr = '<table class="jqplot-highlighter"> '; | 
|             tmpStr += " <tr><td>" + seriesSet[i] + ":</td><tr> " ; | 
|             tmpStr += " <tr><td>" + tmpFormat + "</td><tr> "; | 
|             tmpStr += " </table> "; | 
|             var formatStringMap = {useAxesFormatters:false, tooltipSeparator:'', tooltipFormatString: tmpStr}; | 
|             if (tooltipAxes != null) { | 
|                 formatStringMap['tooltipAxes'] = tooltipAxes; | 
|             } | 
|             var highlighterMap = {highlighter: formatStringMap}; | 
|             return_value[i] = highlighterMap; | 
|         } | 
|     } else { | 
|         alert("makeHighlighterOption seriesSet error"); | 
|         return return_value; | 
|     } | 
|     return return_value; | 
| } | 
|   | 
| (function(jQuery) { | 
|     jQuery.jqplot.eventListenerHooks.push(['jqplotMouseLeave', highlighterMouseLeave]); | 
|     jQuery.jqplot.eventListenerHooks.push(['jqplotMouseMove', highlighterMouseMove]); | 
| })(jQuery); | 
|   | 
| // highlighter.jsの場合、自動的に消えない場合があります | 
| function highlighterMouseLeave(ev, gridpos, datapos, neighbor, plot) { | 
|     var hl = plot.plugins.highlighter; | 
|     if (hl.show) { | 
|         if (neighbor == null && hl.isHighlighting) { | 
|             if (hl.fadeTooltip) { | 
|                 hl._tooltipElem.fadeOut(hl.tooltipFadeSpeed); | 
|             } | 
|             else { | 
|                 hl._tooltipElem.hide(); | 
|             } | 
|         } | 
|     } | 
| } | 
| // highlighter.jsにfollowMouseを追加 | 
| function highlighterMouseMove(ev, gridpos, datapos, neighbor, plot) { | 
|     var hl = plot.plugins.highlighter; | 
|     if (hl.show) { | 
|         if (hl.tooltipLocation == 'mouse') { | 
|             // w | 
|             var elem = hl._tooltipElem; | 
|             var x = gridpos.x + plot._gridPadding.left - elem.outerWidth(true) + hl.tooltipOffset; | 
|             var y = gridpos.y + plot._gridPadding.top - elem.outerHeight(true) / 2; | 
|             elem.css('left', x); | 
|             elem.css('top', y); | 
|             elem = null; | 
|         } | 
|     } | 
| } | 
|   | 
| if (jQuery("#reportCommentPopWrapper .lookupInput")[0] != undefined) { | 
|     var inputFieldOrigin = jQuery("#reportCommentPopWrapper .lookupInput")[0].childNodes[0]; | 
|     var originAttr = inputFieldOrigin.getAttribute("onchange"); | 
| } | 
| </script> | 
| </apex:component> |