Problems with Dashboard Demo App in Flash Builder 4

Question

I imported the Adobe Flex Dashboard app into Flash Builder 4 using SD 4.1 and selected "Use Flex 3 compatibility mode", but there are still some issues after import.
I'm not talking about having to create the "libs" folder and re-generate the HTML templates. I know why that needs to be done. I'm also not talking about the IStroke and IFill errors you get for the number of arguments to the apply() and begin() methods, as those interfaces changed in Flex 3.5.
But when I get the app launched, the chart datatips are just a black rectangle (no text) and the combobox entry text is invisible.
I'm going to try and fix these, but I thought selecting "Use Flex 3 compatibility mode" meant no changed required?

Answer 1

Here is a simple example. Create a new project in Flash Builder 4 and in the project properties  compiler section, select "Use Flex 3 compatibility mode". Then launch the app, hover over a column in the chart and you see black rectangles, not data tips. Why is this and how to fix?
<?xml version="1.0" encoding="utf-8"?>
<mx:Application
  xmlns:mx="http://www.adobe.com/2006/mxml"
  creationComplete="srv.send()"
  height="600">
  <mx:HTTPService id="srv"
    url="http://aspexamples.adobe.com/chart_examples/expenses-xml.aspx"/>
  <mx:ComboBox dataProvider="{srv.lastResult.data.result}" labelField="month"/>
  <mx:Panel title="Column Chart">
    <mx:ColumnChart id="myChart" showDataTips="true"
      dataProvider="{srv.lastResult.data.result}">     
      <mx:horizontalAxis>
        <mx:CategoryAxis categoryField="month"/>
      </mx:horizontalAxis>
      <mx:series>
        <mx:ColumnSeries xField="month" yField="profit"
          displayName="Profit"/>
        <mx:ColumnSeries xField="month" yField="expenses"
          displayName="Expenses"/>
      </mx:series>
    </mx:ColumnChart>
    <mx:Legend dataProvider="{myChart}"/>
  </mx:Panel>
</mx:Application>