jquery图表插件highcharts

最新推荐文章于 2025-07-24 15:54:18 发布

最新推荐文章于 2025-07-24 15:54:18 发布 · 99 阅读

文章标签：

#javascript #xhtml #c# #ViewUI

本文介绍如何在ASP.NET应用程序中使用Highcharts创建交互式图表。通过具体示例展示了必要的JavaScript引用、图表初始化代码及关键配置选项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 官网及features？

2. highcharts（asp.net）？

3. 代码下载

1. 官网及features？

highcharts官网：http://www.highcharts.com/

demo site ： http://www.highcharts.com/demo/?example=bar-basic&theme=grid

features：

2. highcharts使用（asp.net）？

页面Default.aspx:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="AspNetHighCharts._Default" %> <!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>  <mce:script src="Highcharts/js/jquery.min.js" mce_src="Highcharts/js/jquery.min.js" type="text/javascript"></mce:script> <mce:script src="Highcharts/js/highcharts.js" mce_src="Highcharts/js/highcharts.js" type="text/javascript"></mce:script>  <%--<mce:script src="Highcharts/js/themes/grid.js" mce_src="Highcharts/js/themes/grid.js" type="text/javascript"></mce:script>--%> <mce:script src="Highcharts/js/modules/exporting.js" mce_src="Highcharts/js/modules/exporting.js" type="text/javascript"></mce:script>  <mce:script type="text/javascript"></mce:script> </head> <body> <form id="form1" runat="server"> <div>  <div id="container" style="width: 500px; height: 250px; margin: 0 auto"></div> </div> </form> </body> </html>

HighChartProperties.cs：

using System; using System.Collections.Generic; using System.Linq; using System.Web; namespace AspNetHighCharts { public class HighChartProperties { public string titleText = string.Empty; public string subtitleText = string.Empty; public IList<string> xAxisCategories = new List<string>(); public string xAxisTitleText = string.Empty; public int yAxisMinValue = new int(); public string yAxisTitleText = string.Empty; public string tooltip = string.Empty; public int legendXPos = new int(); public int legendYPos = new int(); public Series series = new Series(); } }

Series.cs：

using System; using System.Collections.Generic; using System.Linq; using System.Web; namespace AspNetHighCharts { public class Series { public string name = string.Empty; public IList<double> data = new List<double>(); } }

3. 代码下载

代码下载