I'm not exactly sure how to map the "data" field of the apex:chart component. I created a simple test class but it's not showing the chart at all. I'm really scratching my head here because this is pretty basic stuff.
Apex Class
public with sharing class testPage {
public List<Interaction__c> getInts(){
List<oInteraction__c> i = [Select Id, Product__c from Interaction__c];
return i;
}
}
VF Page:
<apex:page controller="testPage">
<apex:form >
<apex:outputPanel id="section">
<div class="wi-gen shado gr">
<div class="marged">
<h1 class="header">My Interactions By Product</h1>
</div>
<apex:outputPanel id="chart">
<div class="marged ver2">
<apex:chart id="mainChart" data="{!ints}" height="2000" width="2000" background="#F5F5F5">
<apex:legend position="right"/>
<apex:pieSeries labelField="Product__c" dataField="Product__c" donut="50"/>
</apex:chart>
</div>
</apex:outputPanel>
</div>
</apex:outputPanel>
</apex:form>
</apex:page>
The Firebug error message suggests that ints is not being picked up:
Visualforce Chart: Error loading configuration for chart 'jid0jid4mainChart': Did not find required field 'Product__c' in data for chart 'jid0jid4mainChart'. Make sure field was queried and/or provided and has a value.