Salesforce Stack Exchange is a question and answer site for Salesforce administrators, implementation experts, developers and anybody in-between. It's 100% free, no registration required.

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

In my Customer Portal, the pie chart shows incomplete background (rectangle) on hover tips over the wedges. I can make tips="false" to not show the hover tips, but I need the hover tips. How do I make the rectangular background span the whole content of the tips?

enter image description here

<apex:pageBlockSection columns="1">
    <apex:chart data="{!Summaries}" height="200" width="200">
        <apex:pieSeries labelField="careerLatticeLevel"
            dataField="recordCount" donut="50" showInLegend="true" />
share|improve this question
up vote 1 down vote accepted

Add an apex:chartTips element with your desired width/height. This gives you a lot of customizability including a JS callback that overrides the default rendering function.

share|improve this answer
Thank you for your answer. The auto keyword does not work here. The value needs to be a number. Do you know if there is a way to make the width/height as auto? – Suman Krishna Saha Feb 25 '13 at 8:54
Probably not supported, sadly, sort of like you (STILL) can't specify a height or width in a VisualForce component on a standard page layout. I'm fairly certain you could override the behavior via some hack-ish JavaScript but it would be a bit of work. If you want help with that, you'll need to post the rendered HTML that you're getting from your chart (a JSFiddle would be ideal) and exactly what you're trying to do. – jkraybill Feb 25 '13 at 11:43

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.