我正在使用 YUI3 作为我的应用程序的 javascript 框架,大约完成了 90%。我需要展示一些漂亮的图表,但是 YUI3 的图表功能还有很多不足之处。
我正在尝试使用 Google 的 Visualization API 在 YUI3 沙箱中生成绘图,但它似乎无法正常工作。这是示例代码:
<html>
<head>
<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<script type='text/javascript' src = 'build/yui/yui-min.js'></script>
</head>
<body>
<div id='chart_div'></div>
</body>
</html>
<script type='text/javascript'>
var some_foo = function () {
google.load('visualization', '1', {packages:['gauge']});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Label', 'Value'],
['Memory', 80],
['CPU', 55],
]);
var options = {
width: 400, height: 120,
redFrom: 90, redTo: 100,
yellowFrom:75, yellowTo: 90,
minorTicks: 5
};
var chart = new google.visualization.Gauge(document.getElementById('chart_div'));
chart.draw(data, options);
}
}
YUI().use('node', function (Y) {
/* doing some super-awesome stuff */
/* now trying to show charts with some data */
some_foo();
});
</script>
当我在 YUI3 沙箱之外调用 some_foo() 时,代码可以工作。但是,当我尝试从 YUI3 中调用它时,它不起作用。
我还尝试在 YUI3 沙箱内、YUI3 沙箱外、YUI3 沙箱之前以及 YUI3 沙箱之后声明 some_foo()。我已经在 FF14+ 和 Chrome20+ 上尝试过代码。
有什么我想念的吗?