在.NET中使用highcharts实例代码
2015-06-02 09:19
441 查看
<%@ Page Language="C#" MasterPageFile="~/test/test.master" AutoEventWireup="true"
CodeFile="highcharts.aspx.cs" Inherits="test_highcharts" Title="未命名頁面" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
<script src="http://yuxnet.blog.163.com/blog/../Com/js/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="http://yuxnet.blog.163.com/blog/../Com/js/highstock/highstock.js" type="text/javascript"></script>
<script src="http://yuxnet.blog.163.com/blog/../Com/js/highstock/modules/exporting.js" type="text/javascript"></script>
<script type="text/javascript">
var FundAGICode = '0025';
$(function() {
$.ajax({
type: 'get',
url: 'highcharts-data.aspx',
data: { 'FundAGICode': FundAGICode },
cache: false,
success: function(result) {
//result = "([[1109116800000, 29.9], [1109203200000, 44.46]])";
var data = eval(result);
// Create the chart
window.chart = new Highcharts.StockChart({
chart: {
renderTo: 'container'
},
rangeSelector: {
selected: 1
},
title: {
text: '儲存淨值走勢圖'
},
series: [{
name: '净值',
data: data,
tooltip: {
valueDecimals: 2
}
}],
//隐藏右下角的highcharts.com
credits: {
href: '',
text: ''
},
//隐藏右上角的打印和导出图标
exporting: {
enabled: false
}
});
}
});
});
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
<div id="container" style="height: 500px; min-width: 500px; width: 800px;">
</div>
</asp:Content>
CodeFile="highcharts.aspx.cs" Inherits="test_highcharts" Title="未命名頁面" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
<script src="http://yuxnet.blog.163.com/blog/../Com/js/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="http://yuxnet.blog.163.com/blog/../Com/js/highstock/highstock.js" type="text/javascript"></script>
<script src="http://yuxnet.blog.163.com/blog/../Com/js/highstock/modules/exporting.js" type="text/javascript"></script>
<script type="text/javascript">
var FundAGICode = '0025';
$(function() {
$.ajax({
type: 'get',
url: 'highcharts-data.aspx',
data: { 'FundAGICode': FundAGICode },
cache: false,
success: function(result) {
//result = "([[1109116800000, 29.9], [1109203200000, 44.46]])";
var data = eval(result);
// Create the chart
window.chart = new Highcharts.StockChart({
chart: {
renderTo: 'container'
},
rangeSelector: {
selected: 1
},
title: {
text: '儲存淨值走勢圖'
},
series: [{
name: '净值',
data: data,
tooltip: {
valueDecimals: 2
}
}],
//隐藏右下角的highcharts.com
credits: {
href: '',
text: ''
},
//隐藏右上角的打印和导出图标
exporting: {
enabled: false
}
});
}
});
});
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
<div id="container" style="height: 500px; min-width: 500px; width: 800px;">
</div>
</asp:Content>
相关文章推荐
- C++ 模板
- C++ 模板
- 项目代码-存储过程(复制表结构和数据、日期函数、随机数函数)
- ASP.NET MVC部署到IIS
- 关于asp.net中页面事件加载的先后顺序(转)
- C++文件操作
- ASP.NET MVC中Controller与View之间的数据传递总结
- 基于ASP.NET4开发的MVC2网站在WINDOWS2003服务器上的布署
- ASP.NET MVC网站路由配置
- ASP.NET MVC HtmlHelper
- Asp.net MVC2学习笔记8-数据验证(前后台统一验证)
- 菜单(超链接填满容器的菜单代码)
- ASP.NET网站集成Discuz!NT 3.1论坛详细教程(同步注册和登录)
- asp.net页面事件执行顺序
- 关于HTML界面改为aspx页面时CSS失效的问题
- Asp.Net Forms验证(自定义、角色提供程序、单点登录)
- Asp.Net Forms验证(自定义、角色提供程序)
- DNN C#版下载地址
- Sublime Text的Snippet功能来自定义代码片段
- 【struts2】五大核心jar包 和 作用