mootools气泡图
mootools气泡图
提问于 2010-09-14 23:57:59
我正在尝试让这个mootools气泡图演示(http://moochart.coneri.se/)在我的代码中工作，但我遇到了一些困难。有人能帮上忙吗？下面是我的代码(我想这就是文档所说的，但如果我错了，请纠正我)。
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MootoolsChart.aspx.cs" Inherits="BubbleChart.MootoolsChart" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript" src="http://moochart.coneri.se/dl1/moochart-0.1b1.js"></script>
<script type="text/javascript" src="http://moochart.coneri.se/dl1/moochart-0.1b1-nc.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/mootools/1.2.4/mootools.js"></script>
<script type ="text/javascript">
var myChart = new Chart.Bubble('myChart',{
width: 300,
height: 200,
bubbleSize: 20
});
myChart.addBubble(10, 20, 30, '#fff', 'Bubble 1');
myChart.addBubble(0, 40, 20, '#000', 'Bubble 2');
myChart.redraw();
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<div id="myChart"></div>
</div>
</form>
</body>
</html>回答 1
Stack Overflow用户
回答已采纳
发布于 2010-09-18 04:42:35
弄清楚这一点：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<script src="Scripts/mootools-1.2-more.js" type="text/javascript"></script>
<script src="Scripts/mootools-1.2-core.js" type="text/javascript"></script>
<script src="Scripts/moochart-0.1b1.js.js" type="text/javascript"></script>
<script src="Scripts/mainScript.js" type="text/javascript"></script>
</head>
<body>
<div id="chart1">
</div>
</body>
</html>
window.addEvent('domready', function () {
var chart1 = new Chart.Bubble('chart1', {
width: 600,
height: 350,
lineColor: '#3f3f3f',
zmin: 0, zmax: 100,
bubbleSize: 40
});
chart1.bubbles = [
{ x: 82, y: 70, z: 90, color: '#318bd6', tip: '<b>HTML</b> is allowed in <span style="color: #71a8d6;">tooltips</span>' },
{ x: 21, y: 11, z: 0, color: '#000', tip: 'This bubble is the minimum size' },
{ x: 0, y: 0, z: 100, color: '#319344', tip: 'Bubbles can <u>never</u> fall outside the grid' }
];
chart1.redraw();
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/3710622
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号