Forums

The code I am using:

<div id="myContainer" style="width:100%">
</div>

<script type="text/javascript">

// YAHOO.util.Event.onDOMReady(init);

function init() {
YAHOO.widget.Chart.SWFURL = "http://yui.yahooapis.com/2.9.0/build/charts/assets/charts.swf";
YAHOO.example.publicOpinion =
[
{ response: "Summer", count: 564815 },
{ response: "Fall", count: 664182 },
{ response: "Spring", count: 248124 },
{ response: "Winter", count: 271214 },
{ response: "Undecided", count: 81845 }
]
var opinionData = new YAHOO.util.DataSource(YAHOO.example.publicOpinion);
opinionData.responseType = YAHOO.util.DataSource.TYPE_JSARRAY;
opinionData.responseSchema = { fields: ["response", "count"] };
//--- chart
var mychart = new YAHOO.widget.PieChart("myContainer", opinionData,
{
dataField: "count",
categoryField: "response",
style:
{
padding: 20,
legend:
{
display: "right",
padding: 10,
spacing: 5,
font:
{
family: "Arial",
size: 13
}
}
}
});
};

function TestObj(id) {
YAHOO.util.Event.onAvailable(id, this.handleOnAvailable, this);
}

TestObj.prototype.handleOnAvailable = init();


var obj = new TestObj("myContainer");