Sign Up ›
  • alo sen 6
  • NEWBIE
  • 20 Points
  • Member since 2014
  • Chatter
    Feed
  • 0
    Best Answers
  • 0
    Likes Received
  • 0
    Likes Given
  • 3
    Questions
  • 4
    Replies
SOLVED
2 replies

Show a bound output on the same line with pageBlock

<apex:pageBlock id="searchResults" title="Search Results"> 
<apex:outputText style="font-size:15px"  value="Number of Records:  {!FinalCount}"/> 
Is there a way to get the value of the bound field with the pageBlock line? 
2 replies

Highchart primary and secondary axis issue

<apex:page Controller="Metrics_rptAIReportController2">
    <head>
    </head>
    <body>
    <apex:outputLink target="_Blank" value="/apex/Metrics_AI_ADRC_Dashboard" id="theLink" ><apex:image id="ITPR_EnlargeIcon" value="       {!$Resource.ITPR_EnlargeIcon}" /></apex:outputLink>
    <div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="{!URLFOR($Resource.Highcharts)}"></script>
     <script>

     $(function () {
        $('#container').highcharts({
            chart: {
                zoomType: 'xy'
            },
            title: {
                text: 'ADRC Dollar Amount Expended'
            },    
            xAxis: [{
                    categories: [<apex:repeat value="{!ACRecord}" var="im">
                                '{!MONTH(im.Reporting_Month__c)}/{!YEAR(im.Reporting_Month__c)}',  
                            </apex:repeat>],
                            labels: {
                    rotation: -45,
                    align: 'right',
            
                  }
           }] 
           yAxis: [{ // Primary yAxis
              labels: {
                    format: '{value}%',
                    style: {
                        color: '#89A54E'
                    }
                },
                 title: {
                    text: '% of Allocated Dollars Expended',
                    style: {
                        color: '#4572A7'
                    }
                } 
            }, 
            { // Secondary yAxis
                title: {
                    text: 'Total Dollars Allocated',
                    style: {
                        color: '#4572A7'
                   }
                },
                labels: {
                   format: '{value}',
                    style: {
                        color: '#4572A7'
                   }
                },
                opposite: true
            }],
            tooltip: {
                shared: true
            },
            series: 
                 {
                name: '% of Allocated Dollars Expended',
                color: '#0066FF',
                type: 'line',
                data: [<apex:repeat value="{!ACRecord}" var="pade">
                                {!pade.Total_To_Date__c  }, 
                            </apex:repeat>],
                tooltip: {
                    valueSuffix: '%',
                    valueDecimals: 2
                }},
                {
                name: 'Total Allocated Dollar',
                color: '#ff0000',
                type: 'line',
                yAxis: 1,
                data: [<apex:repeat value="{!ACRecord}" var="tad">
                                {!tad.MetricA_IParent_Id__r.ADRC_Total_Dol_ExpenditurePercent__c}, 
                            </apex:repeat>],
                tooltip: {
                    valueSuffix: '%'
                }}, 
                {
                name: 'Total Allocated Dollar Expended',
                color: '#00cc00',
                type: 'column',
                yAxis: 1,
                data: [<apex:repeat value="{!ACRecord}" var="tade">
                                {!tade.ADRC_Total_Dol_Expended__c}, 
                            </apex:repeat>],
                tooltip: {
                    valueSuffix: ''
                }}
                
                
            ]
        });
    });
    </script>
    
    </body>
 </apex:page>

In the  vf page tad.MetricA_IParent_Id__r.ADRC_Total_Dol_ExpenditurePercent__c is a percentage field (shown in red below). The highchart has a primary and secondary y axis. The pade.Total_To_Date__c  field is also a percent field (blue line). The vf page shows this field correctly.
Although the tooltip shows the value of the Total Allocated Dollar as 100% it maps to the seconday y axis. How can I make it map to the 100% line on the primary axis which is on the left hand side of the chart?

User-added image
SOLVED
3 replies

FileWrapper

In one of our company codes I encountered  public list<FileWrapper> listFileWrap{get;set;}  Is FileWrapper some salesforce object?
It holds records that need to be  sorted by Form_Type__c and  Form_Number__c. 
How can the sort be done? Any suggestion would be greatly appreciated.
SOLVED
2 replies

Show a bound output on the same line with pageBlock

<apex:pageBlock id="searchResults" title="Search Results"> 
<apex:outputText style="font-size:15px"  value="Number of Records:  {!FinalCount}"/> 
Is there a way to get the value of the bound field with the pageBlock line? 
2 replies

Highchart primary and secondary axis issue

<apex:page Controller="Metrics_rptAIReportController2">
    <head>
    </head>
    <body>
    <apex:outputLink target="_Blank" value="/apex/Metrics_AI_ADRC_Dashboard" id="theLink" ><apex:image id="ITPR_EnlargeIcon" value="       {!$Resource.ITPR_EnlargeIcon}" /></apex:outputLink>
    <div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="{!URLFOR($Resource.Highcharts)}"></script>
     <script>

     $(function () {
        $('#container').highcharts({
            chart: {
                zoomType: 'xy'
            },
            title: {
                text: 'ADRC Dollar Amount Expended'
            },    
            xAxis: [{
                    categories: [<apex:repeat value="{!ACRecord}" var="im">
                                '{!MONTH(im.Reporting_Month__c)}/{!YEAR(im.Reporting_Month__c)}',  
                            </apex:repeat>],
                            labels: {
                    rotation: -45,
                    align: 'right',
            
                  }
           }] 
           yAxis: [{ // Primary yAxis
              labels: {
                    format: '{value}%',
                    style: {
                        color: '#89A54E'
                    }
                },
                 title: {
                    text: '% of Allocated Dollars Expended',
                    style: {
                        color: '#4572A7'
                    }
                } 
            }, 
            { // Secondary yAxis
                title: {
                    text: 'Total Dollars Allocated',
                    style: {
                        color: '#4572A7'
                   }
                },
                labels: {
                   format: '{value}',
                    style: {
                        color: '#4572A7'
                   }
                },
                opposite: true
            }],
            tooltip: {
                shared: true
            },
            series: 
                 {
                name: '% of Allocated Dollars Expended',
                color: '#0066FF',
                type: 'line',
                data: [<apex:repeat value="{!ACRecord}" var="pade">
                                {!pade.Total_To_Date__c  }, 
                            </apex:repeat>],
                tooltip: {
                    valueSuffix: '%',
                    valueDecimals: 2
                }},
                {
                name: 'Total Allocated Dollar',
                color: '#ff0000',
                type: 'line',
                yAxis: 1,
                data: [<apex:repeat value="{!ACRecord}" var="tad">
                                {!tad.MetricA_IParent_Id__r.ADRC_Total_Dol_ExpenditurePercent__c}, 
                            </apex:repeat>],
                tooltip: {
                    valueSuffix: '%'
                }}, 
                {
                name: 'Total Allocated Dollar Expended',
                color: '#00cc00',
                type: 'column',
                yAxis: 1,
                data: [<apex:repeat value="{!ACRecord}" var="tade">
                                {!tade.ADRC_Total_Dol_Expended__c}, 
                            </apex:repeat>],
                tooltip: {
                    valueSuffix: ''
                }}
                
                
            ]
        });
    });
    </script>
    
    </body>
 </apex:page>

In the  vf page tad.MetricA_IParent_Id__r.ADRC_Total_Dol_ExpenditurePercent__c is a percentage field (shown in red below). The highchart has a primary and secondary y axis. The pade.Total_To_Date__c  field is also a percent field (blue line). The vf page shows this field correctly.
Although the tooltip shows the value of the Total Allocated Dollar as 100% it maps to the seconday y axis. How can I make it map to the 100% line on the primary axis which is on the left hand side of the chart?

User-added image
SOLVED
3 replies

FileWrapper

In one of our company codes I encountered  public list<FileWrapper> listFileWrap{get;set;}  Is FileWrapper some salesforce object?
It holds records that need to be  sorted by Form_Type__c and  Form_Number__c. 
How can the sort be done? Any suggestion would be greatly appreciated.