<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> 
 |