Newer Version Available

This content describes an older version of this product. View Latest

Providing Chart Data via a JavaScript Array

You can use Visualforce charting with non-Salesforce data sources by building a JavaScript array, in your own JavaScript code in your page, and providing the name of that array to <apex:chart>.
The following trivial code illustrates this technique:
1<apex:page>
2    <script>
3    // Build the chart data array in JavaScript
4    var dataArray = new Array();
5    dataArray.push({'data1':33,'data2':66,'data3':80,'name':'Jan'});
6    dataArray.push({'data1':33,'data2':66,'data3':80,'name':'Feb'});
7    // ...
8    </script>
9
10    <apex:chart data="dataArray" ...></apex:chart>
11</apex:page>

When using this technique, if your data is coming from a non-Salesforce source, you might not need any server-side Apex code at all.