Javascript 如何在我的aspx页面中加载highchart
我想在我的aspx页面中实现highchart。我随身携带了这两个js文件,并添加了如下引用Javascript 如何在我的aspx页面中加载highchart,javascript,jquery,asp.net,highcharts,Javascript,Jquery,Asp.net,Highcharts,我想在我的aspx页面中实现highchart。我随身携带了这两个js文件,并添加了如下引用 <script src="../UserInfo/Charts/highcharts.js" type="text/javascript"></script> <script src="../UserInfo/Charts/highcharts.js" type="text/javascript"></script> 并将代码粘贴到函数中,如 &
<script src="../UserInfo/Charts/highcharts.js" type="text/javascript"></script>
<script src="../UserInfo/Charts/highcharts.js" type="text/javascript"></script>
并将代码粘贴到函数中,如
<script language="javascript" type="text/javascript">
window.onload = function () {
var oContainer = document.getElementById("container");
// $(function () {
$('#container').highcharts({
chart: {
type: 'line'
},
title: {
text: 'Yearly In/Out Transaction Chart'
},
subtitle: {
text: ' Financial Year 12-13'
},
xAxis: {
categories: ['Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec', 'Jan', 'Feb', 'Mar']
},
yAxis: {
title: {
text: 'Transaction Amount'
}
},
tooltip: {
enabled: true,
formatter: function () {
return '<b></b><br/> In Out';
}
},
plotOptions: {
line: {
dataLabels: {
enabled: true,
style: {
textShadow: '0 0 3px white, 0 0 3px white'
}
},
enableMouseTracking: false
}
},
series: [{
name: 'Receipt',
data: [7.0, 6.9, 9.5, 14.5, 18.4, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
}, {
name: 'Payment',
data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
}, {
name: 'Balance',
data: [3.1, 4.0, 5.1, 8.1, 11.1, 15.1, 17.2, 16.8, 14.0, 10.3, 6.6, 40.10]
}]
});
// });
}
</script>
window.onload=函数(){
var oContainer=document.getElementById(“容器”);
//$(函数(){
$(“#容器”)。高图({
图表:{
类型:“行”
},
标题:{
文本:“年度进出交易图表”
},
副标题:{
正文:“12-13财政年度”
},
xAxis:{
类别:[四月、五月、六月、七月、八月、九月、十月、十一月、十二月、一月、二月、三月]
},
亚克斯:{
标题:{
文本:“交易金额”
}
},
工具提示:{
启用:对,
格式化程序:函数(){
返回“
输入输出”;
}
},
打印选项:{
行:{
数据标签:{
启用:对,
风格:{
textShadow:'0 0 3px白色,0 0 3px白色'
}
},
enableMouseTracking:false
}
},
系列:[{
名称:'收据',
数据:[7.0,6.9,9.5,14.5,18.4,21.5,25.2,26.5,23.3,18.3,13.9,9.6]
}, {
名称:'付款',
数据:[3.9,4.2,5.7,8.5,11.9,15.2,17.0,16.6,14.2,10.3,6.6,4.8]
}, {
名称:'余额',
数据:[3.1,4.0,5.1,8.1,11.1,15.1,17.2,16.8,14.0,10.3,6.6,40.10]
}]
});
// });
}
甚至图形也没有加载。我试过了
<script src="http://code.highcharts.com/highcharts.js"></script>
这些参考文献也包括在内。如果我将警报保持在函数中,则它不会触发。它在jsFiddler中运行良好。为什么不在我的页面上呢。我是否遗漏了任何推荐信 您的代码中遗漏了这两行
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<div id=container></div>
Hicharts依赖于jQuery-您是否也引用了jQuery库?(例如:)戴维龙:是的。事件图表未加载控制台中是否收到任何错误?@SebastianBochan:没有,我没有收到任何错误。如果我在$('#container').highcharts({,它正在启动,我在$('#container').highcharts({,警报未启动)之前保持警惕,你的HTML中有id=“container”的Div吗?没有。这是版本问题。我在上次的评论中提到过。谢谢你的回答