• richard.brescia1.3909178856829783E12
  • NEWBIE
  • 0 Points
  • Member since 2014

  • Chatter
    Feed
  • 0
    Best Answers
  • 0
    Likes Received
  • 0
    Likes Given
  • 0
    Questions
  • 3
    Replies

Hi,

 

 

I've a VF page where i displayed 2 charts using Google Charts using @ remote action.

 

Everything worked fine. But when i created tabs to show to the charts, the graph is not displayed.

 

<apex:tabPanel switchType="client" selectedTab="monthTab" id="theTabPanel">
        <apex:tab label=" Monthly Exchange Rate" name="monthTab" id="tabOne">
        
        <!-- Google Charts will be drawn in this DIV -->
        <table border="0">
        <tr>
        <td>
        <a href="https://cs5.salesforce.com/00OO0000000Fbif" target="_blank">
        <h2>Monthly Exchange Rate</h2>
        <div id="MonthlychartBlock" />
        </a>
        </td>
        <td>
        <a href="https://cs5.salesforce.com/00OO0000000FbiV" target="_blank">
        <h2>Daily Exchange Rate Buying</h2>
        <div id="DailychartBlockBuy" />
        </a>
        </td>
        <td>
        <a href="https://cs5.salesforce.com/00OO0000000Fbia" target="_blank">
        <h2>Daily Exchange Rate Selling</h2>
        <div id="DailychartBlockSell" />
        </a>
        </td>
        </tr>
        </table>
        </apex:tab>

 This is my tab settings.

 

Please help me.

 

Thanks in Advance.

Rohit R

  • March 05, 2013
  • Like
  • 0

Hello, 

 

I have a problem with creating charts using the new feature from the Winter 13 release.  Using a SOQL query in a controller extension I can get the data to populate a line or bar chart on the page, no probelm.  However, when I put the chart into a Tab in a tabPanel block, it fails to create the chart if the following is true:

 

- When the chart is not on the first tab to be selected ( <apex:tabPanel selectedTab="notChartTab" ...)

- When the tab panel switch type is not set to server ( <apex:tabPanel switchType="client" ...)

 

I tested this in Firefox 15 and IE9.

 

Using the switch type 'server' is probably the better workaround, as this page is for an Account with the customer support case graph under a 'support' tab, the first tab being for the account details.  But using the 'server' setting makes moving from tab to tab very slow/unresponsive and therefore undesirable.  

 

I have also tried to use the <apex:tab rerender='chartid' ...   to see if that allows the chart to be drawn when the tab is selcted, but no luck.