周金桥
周金桥

在ASP.NET中使用Highcharts js图表

从事过ASP.NET开发的可能都会接触到一些图表控件，比如OWC、ZendGraph等等，这些控件都有一个特点，那就是我们可以像操作.NET中的对象一样控制它们的某些属性，有可能在本地开发好了上传到服务器端部署运行的时候会出现权限问题而导致不能正常运行。本篇周公讲述一个JavaScript的图表控件，不要小看了这个JavaScript图表控件，它能生成各种常见的图表。
 Highcharts是一个JavaScript的图表控件，它的官方网站网址是：http://www.highcharts.com/，参考手册网址是：http://www.highcharts.com/ref/，示例网址是：http://www.highcharts.com/demo/。要想简单使用它的图表功能，只需要两个JS类库即可，一个是jquery的，另外一个就是它本身的。但是如果需要支持主题和导出图表功能，就需要更多的JS类库支持了。本篇只讲述满足大多数要求的基本功能。
 
 准备工作
 首先从http://jquery.com/下载最新版本的jQuery，然后从http://www.highcharts.com/下载Highcharts的JavaScript类库。将这两个文件下载到本地的Web项目的JS文件下。
 因为Highcharts是根据js脚本中的属性设置来生成图表的，因为我们需要在ASP.NET中输出这些脚本。为了方便，周公将生成各种图表的核心逻辑部分抽取出来作为一个模板，需要的时候从这些模板中读取数据，然后将模板中的标签替换掉，这样就可以输出到客户端了。这些带有标签的JS模板位于js/template目录下。
 除了输出控制逻辑代码之外，还要在网页的ready客户端事件中调用，如下格式：
 $(document).ready(function() {//这里是逻辑和控制代码});
 
 编码
 为了便于演示，周公在创建ASP.NET页面的时候使用了单页模式，整个页面的代码如下：

 

  
  
  
  
    
   
   
   
   
  1. <%@ Page Language="C#" %> 
    2. 
   
   
   
   
  2. <%@ Import Namespace="System.Text" %> 
    3. 
   
   
   
   
  3. <%@ Import Namespace="System.IO" %> 
    4. 
   
   
   
   
  4.  
    5. 
   
   
   
   
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    6. 
   
   
   
   
  6.  
    7. 
   
   
   
   
  7. <script runat="server"> 
    8. 
   
   
   
   
  8.     public string result = string.Empty;  
    9. 
   
   
   
   
  9.     protected void Page_Load(object sender, EventArgs e)  
    10. 
   
   
   
   
  10.     {  
    11. 
   
   
   
   
  11.         string graphType = ddlGraphType.SelectedValue;  
    12. 
   
   
   
   
  12.           
    13. 
   
   
   
   
  13.         graphTypegraphType = graphType.ToLower();  
    14. 
   
   
   
   
  14.         switch (graphType)  
    15. 
   
   
   
   
  15.         {  
    16. 
   
   
   
   
  16.             case "line": result=OutputLine(); break;  
    17. 
   
   
   
   
  17.             case "spline": result = OutputSpline(); break;  
    18. 
   
   
   
   
  18.             case "area": result = OutputArea(); break;  
    19. 
   
   
   
   
  19.             case "areaspline": result = OutputAreaSpline(); break;  
    20. 
   
   
   
   
  20.             case "column": result = OutputColumn(); break;  
    21. 
   
   
   
   
  21.             case "bar": result = OutputBar(); break;  
    22. 
   
   
   
   
  22.             case "pie": result = OutputPie(); break;  
    23. 
   
   
   
   
  23.             case "scatter": result = OutputScatter(); break;  
    24. 
   
   
   
   
  24.         }  
    25. 
   
   
   
   
  25.     }  
    26. 
   
   
   
   
  26.  
    27. 
   
   
   
   
  27.     private string OutputLine()  
    28. 
   
   
   
   
  28.     {  
    29. 
   
   
   
   
  29.         string result = string.Empty;  
    30. 
   
   
   
   
  30.         using (StreamReader reader = new StreamReader(Server.MapPath("~/js/template/line.js"), Encoding.UTF8))  
    31. 
   
   
   
   
  31.         {  
    32. 
   
   
   
   
  32.             StringBuilder buffer = new StringBuilder(reader.ReadToEnd());  
    33. 
   
   
   
   
  33.             buffer.Replace("{#title#}", "周公的演示例子");  
    34. 
   
   
   
   
  34.             result = buffer.ToString();  
    35. 
   
   
   
   
  35.         }  
    36. 
   
   
   
   
  36.         return result;  
    37. 
   
   
   
   
  37.     }  
    38. 
   
   
   
   
  38.  
    39. 
   
   
   
   
  39.     private string OutputSpline()  
    40. 
   
   
   
   
  40.     {  
    41. 
   
   
   
   
  41.         string result = string.Empty;  
    42. 
   
   
   
   
  42.         using (StreamReader reader = new StreamReader(Server.MapPath("~/js/template/spline.js"), Encoding.UTF8))  
    43. 
   
   
   
   
  43.         {  
    44. 
   
   
   
   
  44.             StringBuilder buffer = new StringBuilder(reader.ReadToEnd());  
    45. 
   
   
   
   
  45.             buffer.Replace("{#title#}", "周公的演示例子");  
    46. 
   
   
   
   
  46.             result = buffer.ToString();  
    47. 
   
   
   
   
  47.         }  
    48. 
   
   
   
   
  48.         return result;  
    49. 
   
   
   
   
  49.     }  
    50. 
   
   
   
   
  50.  
    51. 
   
   
   
   
  51.     private string OutputArea()  
    52. 
   
   
   
   
  52.     {  
    53. 
   
   
   
   
  53.         string result = string.Empty;  
    54. 
   
   
   
   
  54.         using (StreamReader reader = new StreamReader(Server.MapPath("~/js/template/area.js"), Encoding.UTF8))  
    55. 
   
   
   
   
  55.         {  
    56. 
   
   
   
   
  56.             StringBuilder buffer = new StringBuilder(reader.ReadToEnd());  
    57. 
   
   
   
   
  57.             buffer.Replace("{#title#}", "周公的演示例子");  
    58. 
   
   
   
   
  58.             result = buffer.ToString();  
    59. 
   
   
   
   
  59.         }  
    60. 
   
   
   
   
  60.         return result;  
    61. 
   
   
   
   
  61.     }  
    62. 
   
   
   
   
  62.  
    63. 
   
   
   
   
  63.     private string OutputAreaSpline()  
    64. 
   
   
   
   
  64.     {  
    65. 
   
   
   
   
  65.         string result = string.Empty;  
    66. 
   
   
   
   
  66.         using (StreamReader reader = new StreamReader(Server.MapPath("~/js/template/areaspline.js"), Encoding.UTF8))  
    67. 
   
   
   
   
  67.         {  
    68. 
   
   
   
   
  68.             StringBuilder buffer = new StringBuilder(reader.ReadToEnd());  
    69. 
   
   
   
   
  69.             buffer.Replace("{#title#}", "周公的演示例子");  
    70. 
   
   
   
   
  70.             result = buffer.ToString();  
    71. 
   
   
   
   
  71.         }  
    72. 
   
   
   
   
  72.         return result;  
    73. 
   
   
   
   
  73.     }  
    74. 
   
   
   
   
  74.  
    75. 
   
   
   
   
  75.     private string OutputColumn()  
    76. 
   
   
   
   
  76.     {  
    77. 
   
   
   
   
  77.         string result = string.Empty;  
    78. 
   
   
   
   
  78.         using (StreamReader reader = new StreamReader(Server.MapPath("~/js/template/column.js"), Encoding.UTF8))  
    79. 
   
   
   
   
  79.         {  
    80. 
   
   
   
   
  80.             StringBuilder buffer = new StringBuilder(reader.ReadToEnd());  
    81. 
   
   
   
   
  81.             buffer.Replace("{#title#}", "周公的演示例子");  
    82. 
   
   
   
   
  82.             result = buffer.ToString();  
    83. 
   
   
   
   
  83.         }  
    84. 
   
   
   
   
  84.         return result;  
    85. 
   
   
   
   
  85.     }  
    86. 
   
   
   
   
  86.  
    87. 
   
   
   
   
  87.     private string OutputBar()  
    88. 
   
   
   
   
  88.     {  
    89. 
   
   
   
   
  89.         string result = string.Empty;  
    90. 
   
   
   
   
  90.         using (StreamReader reader = new StreamReader(Server.MapPath("~/js/template/bar.js"), Encoding.UTF8))  
    91. 
   
   
   
   
  91.         {  
    92. 
   
   
   
   
  92.             StringBuilder buffer = new StringBuilder(reader.ReadToEnd());  
    93. 
   
   
   
   
  93.             buffer.Replace("{#title#}", "周公的演示例子");  
    94. 
   
   
   
   
  94.             buffer.Replace("{#subTitle#}", "扇形图表");  
    95. 
   
   
   
   
  95.             //下面的数据应该是从数据库来，为了演示，这里直接上了  
    96. 
   
   
   
   
  96.             string data = "{name: '1812年',data: [107, 31, 635, 203, 2]}, {name: '1912年',data: [133, 156, 947, 408, 6]}, {name: '2012年',data: [973, 914, 4054, 732, 34]}";  
    97. 
   
   
   
   
  97.             buffer.Replace("{#series#}", data);  
    98. 
   
   
   
   
  98.             result = buffer.ToString();  
    99. 
   
   
   
   
  99.         }  
    100. 
   
   
   
   
  100.         return result;  
    101. 
   
   
   
   
  101.     }  
    102. 
   
   
   
   
  102.  
    103. 
   
   
   
   
  103.     private string OutputPie()  
    104. 
   
   
   
   
  104.     {  
    105. 
   
   
   
   
  105.         string result = string.Empty;  
    106. 
   
   
   
   
  106.         using (StreamReader reader = new StreamReader(Server.MapPath("~/js/template/pie.js"), Encoding.UTF8))  
    107. 
   
   
   
   
  107.         {  
    108. 
   
   
   
   
  108.             StringBuilder buffer = new StringBuilder(reader.ReadToEnd());  
    109. 
   
   
   
   
  109.             buffer.Replace("{#title#}", "周公的演示例子");  
    110. 
   
   
   
   
  110.             result = buffer.ToString();  
    111. 
   
   
   
   
  111.         }  
    112. 
   
   
   
   
  112.         return result;  
    113. 
   
   
   
   
  113.     }  
    114. 
   
   
   
   
  114.  
    115. 
   
   
   
   
  115.     private string OutputScatter()  
    116. 
   
   
   
   
  116.     {  
    117. 
   
   
   
   
  117.         string result = string.Empty;  
    118. 
   
   
   
   
  118.         using (StreamReader reader = new StreamReader(Server.MapPath("~/js/template/scatter.js"), Encoding.UTF8))  
    119. 
   
   
   
   
  119.         {  
    120. 
   
   
   
   
  120.             StringBuilder buffer = new StringBuilder(reader.ReadToEnd());  
    121. 
   
   
   
   
  121.             buffer.Replace("{#title#}", "周公的演示例子");  
    122. 
   
   
   
   
  122.             result = buffer.ToString();  
    123. 
   
   
   
   
  123.         }  
    124. 
   
   
   
   
  124.         return result;  
    125. 
   
   
   
   
  125.     }  
    126. 
   
   
   
   
  126. </script> 
    127. 
   
   
   
   
  127.  
    128. 
   
   
   
   
  128. <html xmlns="http://www.w3.org/1999/xhtml"> 
    129. 
   
   
   
   
  129. <head runat="server"> 
    130. 
   
   
   
   
  130.     <title>Hign Charts 实例</title> 
    131. 
   
   
   
   
  131. <script src="js/jquery-1.5.2.min.js" type="text/javascript"></script> 
    132. 
   
   
   
   
  132. <script src="js/highcharts.js" type="text/javascript"></script> 
    133. 
   
   
   
   
  133.  
    134. 
   
   
   
   
  134. </head> 
    135. 
   
   
   
   
  135. <body> 
    136. 
   
   
   
   
  136.     <form id="form1" runat="server"> 
    137. 
   
   
   
   
  137.     <div> 
    138. 
   
   
   
   
  138.     <table border="0" width="800"> 
    139. 
   
   
   
   
  139.     <tr><td>请选择图表类型：<asp:DropDownList runat="server" ID="ddlGraphType"   
    140. 
   
   
   
   
  140.             AutoPostBack="True"> 
    141. 
   
   
   
   
  141.         <asp:ListItem>line</asp:ListItem> 
    142. 
   
   
   
   
  142.         <asp:ListItem>spline</asp:ListItem> 
    143. 
   
   
   
   
  143.         <asp:ListItem>area</asp:ListItem> 
    144. 
   
   
   
   
  144.         <asp:ListItem>areaspline</asp:ListItem> 
    145. 
   
   
   
   
  145.         <asp:ListItem>column</asp:ListItem> 
    146. 
   
   
   
   
  146.         <asp:ListItem>bar</asp:ListItem> 
    147. 
   
   
   
   
  147.         <asp:ListItem>pie</asp:ListItem> 
    148. 
   
   
   
   
  148.         <asp:ListItem>scatter</asp:ListItem> 
    149. 
   
   
   
   
  149.         </asp:DropDownList></td></tr> 
    150. 
   
   
   
   
  150.     <tr><td><div id="container" style="width: 800px; height: 400px; margin: 0 auto"></div></td></tr> 
    151. 
   
   
   
   
  151.     </table> 
    152. 
   
   
   
   
  152.     </div> 
    153. 
   
   
   
   
  153.       
    154. 
   
   
   
   
  154.     </form> 
    155. 
   
   
   
   
  155.     <script type="text/javascript"> 
    156. 
   
   
   
   
  156.         var chart;  
    157. 
   
   
   
   
  157.         $(document).ready(function() {  
    158. 
   
   
   
   
  158. <%=result %> 
    159. 
   
   
   
   
  159.             });  
    160. 
   
   
   
   
  160.                   
    161. 
   
   
   
   
  161.         </script> 
    162. 
   
   
   
   
  162. </body> 
    163. 
   
   
   
   
  163. </html> 
    164.

 演示
 运行页面之后，效果如下：
 


 


 说明：1.在官方的实例中是采用了ajax.googleapis.com上的jQuery库，如果在不能联网的局域网中则不能正常运行，因为周公直接将jQuery类库下载到本地，这样就不需要联网也能运行了。2.在官方示例中，是直接在$(document).ready()这个方法中将全部逻辑放在这个方法中，在实际开发中可能有大量的逻辑需要判断和处理，所以在这个例子中采用模板替换的方式。
 周公
 2011-4-7

你可能感兴趣的:(chart,asp.net,图表,owc,ZendGraph)

  • OmniGraffle Pro for Mac思维导图 1alisa macos
    OmniGraffleProforMac思维导图文章目录OmniGraffleProforMac思维导图一、介绍二、效果三、下载一、介绍OmniGraffleProforMac，具有演示模式，支持多个编辑窗口，Xcode导入，AppleScript和动作支持以及许多导出选项等。可以帮助您尽可能轻松地设计各种图形，如图表、网站线框、映射软件类、流程图、组织结构图、网络拓扑图布局等等。二、效果三、下载
  • 导出Mermaid | 图形天下思维导图导入导出 思维知识管理
    导出Mermaid是指将图形天下思维导图软件中所创建的思维导图内容转换成Mermaid格式的文本。Mermaid是一种基于文本的图表和流程图描述语言，它能够简洁明了地表示复杂的结构关系。通过导出Mermaid，用户可以轻松地将思维导图内容转换为Mermaid代码，便于在支持Mermaid渲染的平台上进行展示和编辑，如Markdown编辑器、代码仓库等。下面介绍图形天下思维导图软件导出Mermaid
  • echarts vue3 组件封装使用 墨雪遗痕 echartsjavascriptvue.js
    vue3+ts的开发中，echarts公共组件的封装使用。首先是基础组件importtype{BaseOptionType}from'@/types/OptionPropsType'//props//定义参数类型constprops=defineProps()//初始化echartsconstbarEchart=ref()onMounted(()=>{letbaseChart=props.echa
  • axure中图表背影_Axure教程：如何制作可视化图表？ weixin_42462474 axure中图表背影
    产品经理日常工作中，避免不了需要去设计后台，在后台中需要去实现一些可视化的图表，那么这些可视化图表如何制作呢？产品经理日常工作中，避免不了需要去设计后台，在后台中需要去实现一些可视化的图表，那么这些可视化图表如何制作呢？可以通过四种个不同的方式，分别是：表格截图、Axure图形绘制、Axure网页框架和Axure第三方元件。一、使用Axure图形绘制可视化图表Excel表格基本上每个人必备的基本计
  • axure中图表背影_Axure制作可视化图表的几种方法 逆光纪 axure中图表背影
    做产品经理的过程中，后台的产品做了不少，画可视化图表总共经历了三个不同的阶段，分别是：表格截图、Axure钢笔工具、Axure元件(文末附下载方式)。一、使用钢笔工具制作数据可视化图表Excel表格基本上每个人必备的基本计算机操作，在这里就不啰嗦了。在讲Axure元件实现数据可视化之前，先简单说说通过Axure钢笔工具来实现的方式。会PS的人应该都会知道Photoshop里面有个钢笔工具，主要用来
  • Python Excel文件操作全攻略 Yant224 python#文件操作与异常处理pythonexcel
    一、常用Python操作Excel库1.常用库对比库名称支持格式主要功能适用场景pandasxls/xlsx数据读写/分析数据分析与批量处理openpyxlxlsx读写/修改/样式设置复杂Excel文件操作xlrd/xlwtxls读写旧版Excel兼容性要求高的场景xlsxwriterxlsx创建文件/设置复杂格式生成报表/图表2.xlrd/xlwt适用场景：处理.xls格式的旧版Excel文件核
  • C# winform中chart控件加载数据量大时卡顿 4O4U c#开发语言
    使用Series.CharType=Line显示折线图时，数据量过大会导致卡顿。一种解决思路：使用FastLine折线类型，该类型摒弃了marker等功能，但速度提升很大。需要显示点+线时，可以考虑使用FastLine+FastPoint组合
  • Fastadmin框架 lang任意文件读取漏洞攻略 故事与他645 前端javascript开发语言java网络安全web安全spring
    漏洞介绍FastAdmin是一个免费开源的后台管理框架，基于ThinkPHP5.1框架开发而成，具有功能全面、界面美观、易于上手的特点。它提供了丰富的后台管理功能模块，包括权限管理、数据库管理、文件管理、图表统计等，可以帮助开发者快速搭建起一个稳定可靠的后台管理系统。其lang存在任意文件读取漏洞，未授权攻击者可以利用其读取网站配置文件等敏感信息。「Fofa」body="/assets/js/re
  • 如何在网页编辑器中使用KindEditor导入Excel文件？ 2501_90699640 编辑器excelumeditor粘贴wordueditor粘贴wordueditor复制wordueditor上传word图片ueditor导入word
    要求：开源，免费，技术支持编辑器：KindEditor前端：vue2,vue3,react,vue-cli,html5,后端：java,jsp,springboot,asp.net,php,asp,.netcore,.netmvc,.netform功能：导入Word,导入Excel,导入PPT(PowerPoint),导入PDF,复制粘贴word,导入微信公众号内容,web截屏平台：Windows
  • echarts柱形图鼠标悬停显示数值_通过常用的柱形图，了解PowerBI的做图流程 活鸭肉
    前面通过大量时间学习那些可能会让你感觉枯燥的数据处理、数据建模等内容，到这里我们开始涉足PowerBI中最让人心动的环节：数据可视化。第一篇先在PowerBI中制作常见的柱形图，简单来说，柱形图就是利用水平的柱子表示不同分类数据的大小，与之类似的是条形图，它就是竖的柱形图，或者说把柱形图顺时针转动90度就成了条形图，使用以及作图方式类似，因此本文介绍的柱形图的各项设置也适用于条形图，对它不再作单独
  • echarts vue 酷炫图_Vue怎么使用Echarts创建图表 正直boy echartsvue酷炫图
    摘要：在后台管理系统中，我们经常会遇到图表，比如说：柱形图，饼状图，折线图，雷达图等等，而用来写图表插件有很多，我这里主要介绍Echarts在项目里怎么使用，官网地址如下：https://echarts.baidu.com/index.html，详细信息请阅览他们的官网文档和实例，各种图表都比较完善。本文流程：1.安装插件2.引入Echarts3.创建图表4.修改样式5.接入数据一.安装插件方法一
  • echarts图表tooltip中嵌套echarts图 段子君 echartsvuevueechartsjavascript
    echarts图表tooltip中嵌套echarts图我们在工作中，如果echarts的需求比较多的话，难免会遇到嵌套图表的需求，看起非常炫酷，实际上却很简单的图表，先给大家看看应用场景，上图上面折线图中嵌套了一个雷达图，当我们鼠标移动到当前X轴对应的数据项时，根据数据生成不同的雷达图。我们都知道生成echarts图时通过获取dom节点实例化生成的，两个问题tooltip里面的dom元素怎么生成？
  • 低代码配置式Web组态解析 html组态 低代码前端组态web组态物联网自动化运维
    低代码配置式Web组态技术通过可视化操作和预置组件库，大幅降低开发门槛，适用于工业控制、物联网监控、数据可视化等场景。以下是综合行业实践和产品特性的分析：‌一、核心功能与优势‌‌可视化编辑与拖拽布局‌提供图形化编辑器，支持拖拽组件（如按钮、图表、传感器图标）搭建界面，无需手动编写前端代码‌。支持自定义图库上传，灵活适配不同行业场景（如化工设备、能源监控）‌。‌实时数据绑定与动态交互‌通过Webso
  • 【无标题】 康康！！ ROS1入门教程c++ros1
    ROS1入门教程连接：https://wiki.ros.org/cn/ROS/Tutorials新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML图表FLowch
  • C# 技术使用笔记：基于 ASP.NET Core MVC 与 Layui 的增删改查教程 caifox菜狐狸 C#技术使用笔记笔记asp.netmvcc#asp.netcorelayui控制器
    本教程旨在帮助开发者掌握如何在ASP.NETCoreMVC项目中集成Layui框架，并实现基于表格的数据增、删、改、查操作。通过使用临时内存数据模拟数据库操作，我们将重点放在前后端的交互逻辑和数据展示上，帮助读者快速理解和实践这一开发模式。无论你是初学者还是有一定经验的开发者，本教程都将为你提供清晰的指导，助你轻松实现功能强大的Web应用。1.项目搭建1.1创建ASP.NETCoreMVC项目打开
  • 《前端每日实战》第176号作品：用透视图表现 HTML、CSS 和 JS 的关系
    （图片审核原因，所以请到我的微博中查看开发过程中的7张截图：https://weibo.com/6063054508/...）今年年初时我偶然看到了下面这张图片，顺手把它记在了微博里，近日抽时间把它们制作成了交互页面，本文记录了开发的过程。效果预览按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。https://codepen.io/comehope/pen/GRqpLGX源代码
  • 第11种方法，一键美化Python图表 to 商业风！ qq_21478261 python开发语言matplotlibAI编程
    这里再分享一种方法morethemes，一行代码让matplotlib图表切换"wsj","urban","minimal","ft","nature","economist","retro","yellowish","darker","monoblue"10种风格：使用方法很简单，安装#安装pipinstallmorethemes简单使用代码前加两行，importmorethemesasmt#加
  • 高性能 Android 自定义 View：数据渲染与事件分发的双重优化 每次的天空 android
    在移动应用开发中，处理大量数据的自定义View（如长列表、图表）常面临性能与交互的双重挑战。本文将结合高效数据渲染与精准事件分发两大核心技术，为您提供一套完整的优化方案，实现1万条数据流畅滑动与灵敏交互的完美平衡。一、数据渲染优化：从1万条到丝滑体验1.视图复用机制//复用池管理privatefinalLinkedListviewPool=newLinkedListcacheMap=newWeak
  • wangEditor能否支持网页直接导入EXCEL文件？操作步骤是什么？ 2501_90694782 umeditor粘贴wordueditor粘贴wordueditor复制wordueditor上传word图片ueditor导入wordueditor导入pdfueditor导入ppt
    要求：开源，免费，技术支持编辑器：wangEditor前端：vue2,vue3,vue-cli,html5后端：java,jsp,springboot,asp.net,php,asp,.netcore,.netmvc,.netform群体：学生,个人用户,外包,自由职业者,中小型网站,博客,场景：数字门户,数字中台,站群,内网，外网，信创国产化环境，web截屏行业：医疗，教育，建筑，政府，党政，国
  • 01LinePlot 进击的小小学生 可视化信息可视化数据分析python
    LinePlot线图线图（LinePlot）是数据可视化中最常用且直观的图表类型之一，广泛应用于时间序列分析、趋势展示以及变量关系探索等场景。本文将围绕线图的特点、使用场景、图表解读、图形变体以及核心函数参数解读展开讨论，并通过具体代码示例帮助读者深入理解如何高效利用线图进行数据分析。1.线图的特点线图的主要特点包括以下几点：直观性：线图通过连续的线条连接数据点，能够清晰地展示变量之间的变化趋势。
  • 如何在 ASP.NET Core 中实现速率限制？ 爷兰 asp.net后端
    在ASP.NETCore中实现速率限制（RateLimiting）中间件可以帮助你控制客户端对API的请求频率，防止滥用和过载。速率限制通常用于保护服务器资源，确保服务的稳定性和可用性。ASP.NETCore本身并没有内置的速率限制中间件，但你可以通过自定义中间件或使用第三方库来实现速率限制。以下是实现速率限制的几种常见方法：1.使用自定义中间件实现速率限制你可以通过自定义中间件来实现速率限制。以
  • wangEditor组件在医疗、OA系统中word粘贴图片上传的解决方案 2501_90699800 wordumeditor粘贴wordueditor粘贴wordueditor复制wordueditor上传word图片ueditor导入wordueditor导入pdf
    要求：开源，免费，技术支持编辑器：wangEditor前端：vue2,vue3,vue-cli,html5后端：java,jsp,springboot,asp.net,php,asp,.netcore,.netmvc,.netform群体：学生,个人用户,外包,自由职业者,中小型网站,博客,场景：数字门户,数字中台,站群,内网，外网，信创国产化环境，web截屏行业：医疗，教育，建筑，政府，党政，国
  • web前端期末大作业：网站设计与实现——咖啡网站HTML+CSS+JavaScript web学生网页设计 web前端html网页模版html网页期末作业javascriptweb课程设计与制作web期末大作业
    精彩专栏推荐✍️作者简介:一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业：【毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【echarts大屏展示大数据平台可视化(150套)】免费且实用的WEB前端学习指南：【web前端零基础到高级学习视频教程120G干
  • 用HTML+CSS仿网易云音乐网站(6个页面) (1) web学生网页设计 htmlcss前端
    精彩专栏推荐文末获取联系✍️作者简介:一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业：【毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【Echarts大屏展示大数据平台可视化(150套)】HTML+CSS+JS实例代码：【️HTML+CSS+JS实例代码
  • 【Pandas】pandas Series plot.line liuweidong0802 PandasSeriespandas信息可视化数据分析
    Pandas2.2SeriesPlotting方法描述Series.plot([kind,ax,figsize,…])用于绘制Series对象的数据可视化图表Series.plot.area([x,y,stacked])用于绘制堆叠面积图（StackedAreaPlot）Series.plot.bar([x,y])用于绘制垂直条形图（VerticalBarPlot）Series.plot.barh
  • 【Pandas】pandas Series plot liuweidong0802 PandasSeriespandas信息可视化
    Pandas2.2SeriesPlotting方法描述Series.plot([kind,ax,figsize,…])用于绘制Series对象的数据可视化图表pandas.Series.plotpandas.Series.plot方法用于绘制Series对象的数据可视化图表。该方法非常灵活，支持多种类型的图表，如折线图、柱状图、散点图等。通过传递不同的参数，可以自定义图表的外观和行为。参数说明ki
  • pyecharts在jupyter notebook中保存图片 忧王 python
    自己在使用的时候遇到的问题，也是看了很多博客实际上，官网就有使用方法附链接https://pyecharts.org/#/zh-cn/render_images我使用的是snapshot-phantomjssnapshot-phantomjs是pyecharts+phantomjs渲染图片的扩展，需要先安装phantomjs，安装方法请参照官网phantomjs.org/download.html
  • 使用v-charts引入任意图表的时候报错 ：undefined (reading ‘map‘) 爱喝紫菜汤 vue.jsecharts
    如图，在项目中引用v-charts图表后浏览器控制台报错这其实是v-charts官方bug，截至文章发布，该bug仍未修复，最快的解决方案是在App入口文件,Vue对象实例化之前,加入如下代码Vue._watchers=Vue.prototype._watchers=[]详细问题，及其他方案可参考官方GitHub项目地址的issueshttps://github.com/ElemeFE/v-cha
  • flask +echarts 二手房数据可视化 britlee 信息可视化flaskecharts
    项目介绍欢迎来到我的新项目，其中我使用了Flask框架和ECharts库，将二手房数据转化为令人印象深刻的可视化效果。通过这个项目，我旨在探索房地产市场的动态，并提供一个直观而有趣的方式来理解二手房交易数据。技术选择和设置Flask框架的轻量级和灵活性使其成为我构建Web应用的理想选择。它简化了开发流程，同时提供了足够的灵活性，以满足项目的特定需求。而ECharts作为一款强大的数据可视化库，能够
  • SQL中关于WHERE子句与HAVING短语的区别 V＆神 数据库数据库开发
    where子句与having短语的区别在于作用的对象不同where：作用于基本表或者是试图表示的是个体存在的条件是分组统计前对个体进行的筛选where不能使用聚集函数having：是对于分组以后对统计量进行的判断条件作用于组，从中选择满足条件的组having可以使用聚集函数用比较形象的解释来说就是，当全校的学生在操场上你需要将人聚集你的面前，当你叫全体男生来到主席台面前是你需要用的是wherese
  • Java实现的基于模板的网页结构化信息精准抽取组件：HtmlExtractor yangshangchuan 信息抽取HtmlExtractor精准抽取信息采集
    HtmlExtractor是一个Java实现的基于模板的网页结构化信息精准抽取组件，本身并不包含爬虫功能，但可被爬虫或其他程序调用以便更精准地对网页结构化信息进行抽取。   HtmlExtractor是为大规模分布式环境设计的，采用主从架构，主节点负责维护抽取规则，从节点向主节点请求抽取规则，当抽取规则发生变化，主节点主动通知从节点，从而能实现抽取规则变化之后的实时动态生效。 如
  • java编程思想 -- 多态 百合不是茶 java多态详解
    一: 向上转型和向下转型 面向对象中的转型只会发生在有继承关系的子类和父类中（接口的实现也包括在这里）。父类：人    子类：男人向上转型： Person p = new Man() ; //向上转型不需要强制类型转化向下转型： Man man =
  • [自动数据处理]稳扎稳打,逐步形成自有ADP系统体系 comsci dp
          对于国内的IT行业来讲,虽然我们已经有了"两弹一星",在局部领域形成了自己独有的技术特征,并初步摆脱了国外的控制...但是前面的路还很长....       首先是我们的自动数据处理系统还无法处理很多高级工程...中等规模的拓扑分析系统也没有完成,更加复杂的
  • storm 自定义 日志文件 商人shang stormclusterlogback
    Storm中的日志级级别默认为INFO，并且，日志文件是根据worker号来进行区分的，这样，同一个log文件中的信息不一定是一个业务的，这样就会有以下两个需求出现： 1. 想要进行一些调试信息的输出 2. 调试信息或者业务日志信息想要输出到一些固定的文件中   不要怕，不要烦恼，其实Storm已经提供了这样的支持，可以通过自定义logback 下的 cluster.xml 来输
  • Extjs3 SpringMVC使用 @RequestBody 标签问题记录 21jhf
    springMVC使用 @RequestBody(required = false) UserVO userInfo 传递json对象数据，往往会出现http 415，400,500等错误，总结一下需要使用ajax提交json数据才行，ajax提交使用proxy，参数为jsonData，不能为params；另外，需要设置Content-type属性为json，代码如下： （由于使用了父类aaa
  • 一些排错方法 文强chu 方法
    1、java.lang.IllegalStateException: Class invariant violation at org.apache.log4j.LogManager.getLoggerRepository(LogManager.java:199)at org.apache.log4j.LogManager.getLogger(LogManager.java:228) at o
  • Swing中文件恢复我觉得很难 小桔子 swing
           我那个草了！老大怎么回事，怎么做项目评估的？只会说相信你可以做的，试一下，有的是时间！        用java开发一个图文处理工具，类似word，任意位置插入、拖动、删除图片以及文本等。文本框、流程图等，数据保存数据库，其余可保存pdf格式。ok,姐姐千辛万苦，
  • php 文件操作 aichenglong PHP读取文件写入文件
    1 写入文件 @$fp=fopen("$DOCUMENT_ROOT/order.txt", "ab"); if(!$fp){ echo "open file error" ; exit; } $outputstring="date:"." \t tire:".$tire."
  • MySQL的btree索引和hash索引的区别 AILIKES 数据结构mysql算法
    Hash 索引结构的特殊性，其 检索效率非常高，索引的检索可以一次定位，不像B-Tree 索引需要从根节点到枝节点，最后才能访问到页节点这样多次的IO访问，所以 Hash 索引的查询效率要远高于 B-Tree 索引。     可能很多人又有疑问了，既然 Hash 索引的效率要比 B-Tree 高很多，为什么大家不都用 Hash 索引而还要使用 B-Tree 索引呢
  • JAVA的抽象--- 接口 --实现 百合不是茶
    抽象 接口 实现接口   //抽象 类 ,方法   //定义一个公共抽象的类 ,并在类中定义一个抽象的方法体 抽象的定义使用abstract   abstract class A 定义一个抽象类 例如： //定义一个基类 public abstract class A{     //抽象类不能用来实例化，只能用来继承 //
  • JS变量作用域实例 bijian1013 作用域
    <script> var scope='hello'; function a(){ console.log(scope); //undefined var scope='world'; console.log(scope); //world console.log(b);
  • TDD实践（二） bijian1013 javaTDD
    实践题目：分解质因数 Step1： 单元测试： package com.bijian.study.factor.test; import java.util.Arrays; import junit.framework.Assert; import org.junit.Before; import org.junit.Test; import com.bijian.
  • [MongoDB学习笔记一]MongoDB主从复制 bit1129 mongodb
    MongoDB称为分布式数据库，主要原因是1.基于副本集的数据备份， 2.基于切片的数据扩容。副本集解决数据的读写性能问题，切片解决了MongoDB的数据扩容问题。   事实上，MongoDB提供了主从复制和副本复制两种备份方式，在MongoDB的主从复制和副本复制集群环境中，只有一台作为主服务器，另外一台或者多台服务器作为从服务器。 本文介绍MongoDB的主从复制模式，需要指明
  • 【HBase五】Java API操作HBase bit1129 hbase
    import java.io.IOException; import org.apache.hadoop.conf.Configuration; import org.apache.hadoop.hbase.HBaseConfiguration; import org.apache.hadoop.hbase.HColumnDescriptor; import org.apache.ha
  • python调用zabbix api接口实时展示数据 ronin47
    zabbix api接口来进行展示。经过思考之后，计划获取如下内容：     1、  获得认证密钥     2、  获取zabbix所有的主机组     3、  获取单个组下的所有主机     4、  获取某个主机下的所有监控项  
  • jsp取得绝对路径 byalias 绝对路径
    在JavaWeb开发中，常使用绝对路径的方式来引入JavaScript和CSS文件，这样可以避免因为目录变动导致引入文件找不到的情况，常用的做法如下： 一、使用${pageContext.request.contextPath} 　　代码” ${pageContext.request.contextPath}”的作用是取出部署的应用程序名，这样不管如何部署，所用路径都是正确的。
  • Java定时任务调度：用ExecutorService取代Timer bylijinnan java
    《Java并发编程实战》一书提到的用ExecutorService取代Java Timer有几个理由，我认为其中最重要的理由是： 如果TimerTask抛出未检查的异常，Timer将会产生无法预料的行为。Timer线程并不捕获异常，所以 TimerTask抛出的未检查的异常会终止timer线程。这种情况下，Timer也不会再重新恢复线程的执行了;它错误的认为整个Timer都被取消了。此时，已经被
  • SQL 优化原则 chicony sql
    一、问题的提出 　在应用系统开发初期，由于开发数据库数据比较少，对于查询SQL语句，复杂视图的的编写等体会不出SQL语句各种写法的性能优劣，但是如果将应用系统提交实际应用后，随着数据库中数据的增加，系统的响应速度就成为目前系统需要解决的最主要的问题之一。系统优化中一个很重要的方面就是SQL语句的优化。对于海量数据，劣质SQL语句和优质SQL语句之间的速度差别可以达到上百倍，可见对于一个系统
  • java 线程弹球小游戏 CrazyMizzz java游戏
    最近java学到线程，于是做了一个线程弹球的小游戏，不过还没完善 这里是提纲 1.线程弹球游戏实现 1.实现界面需要使用哪些API类 JFrame JPanel JButton FlowLayout Graphics2D Thread Color ActionListener ActionEvent MouseListener Mouse
  • hadoop jps出现process information unavailable提示解决办法 daizj hadoopjps
    hadoop jps出现process information unavailable提示解决办法   jps时出现如下信息： 3019 -- process information unavailable3053 -- process information unavailable2985 -- process information unavailable2917 --
  • PHP图片水印缩放类实现 dcj3sjt126com PHP
    <?php class Image{ private $path; function __construct($path='./'){ $this->path=rtrim($path,'/').'/'; } //水印函数，参数：背景图，水印图，位置，前缀,TMD透明度 public function water($b,$l,$pos
  • IOS控件学习：UILabel常用属性与用法 dcj3sjt126com iosUILabel
    参考网站： http://shijue.me/show_text/521c396a8ddf876566000007 http://www.tuicool.com/articles/zquENb http://blog.csdn.net/a451493485/article/details/9454695 http://wiki.eoe.cn/page/iOS_pptl_artile_281
  • 完全手动建立maven骨架 eksliang javaeclipseWeb
    建一个 JAVA 项目 ： mvn archetype:create -DgroupId=com.demo -DartifactId=App [-Dversion=0.0.1-SNAPSHOT] [-Dpackaging=jar] 建一个 web 项目 ： mvn archetype:create -DgroupId=com.demo -DartifactId=web-a
  • 配置清单 gengzg 配置
    1、修改grub启动的内核版本 vi /boot/grub/grub.conf 将default 0改为1 拷贝mt7601Usta.ko到/lib文件夹 拷贝RT2870STA.dat到 /etc/Wireless/RT2870STA/文件夹 拷贝wifiscan到bin文件夹，chmod 775 /bin/wifiscan 拷贝wifiget.sh到bin文件夹，chm
  • Windows端口被占用处理方法 huqiji windows
    以下文章主要以80端口号为例，如果想知道其他的端口号也可以使用该方法..........................1、在windows下如何查看80端口占用情况?是被哪个进程占用?如何终止等.        这里主要是用到windows下的DOS工具,点击"开始"--"运行",输入&
  • 开源ckplayer 网页播放器， 跨平台(html5, mobile)，flv, f4v, mp4, rtmp协议. webm, ogg, m3u8 ！ 天梯梦 mobile
    CKplayer，其全称为超酷flv播放器，它是一款用于网页上播放视频的软件，支持的格式有：http协议上的flv,f4v,mp4格式，同时支持rtmp视频流格 式播放，此播放器的特点在于用户可以自己定义播放器的风格，诸如播放/暂停按钮，静音按钮，全屏按钮都是以外部图片接口形式调用，用户根据自己的需要制作 出播放器风格所需要使用的各个按钮图片然后替换掉原始风格里相应的图片就可以制作出自己的风格了，
  • 简单工厂设计模式 hm4123660 java工厂设计模式简单工厂模式
           简单工厂模式（Simple Factory Pattern）属于类的创新型模式，又叫静态工厂方法模式。是通过专门定义一个类来负责创建其他类的实例，被创建的实例通常都具有共同的父类。简单工厂模式是由一个工厂对象决定创建出哪一种产品类的实例。简单工厂模式是工厂模式家族中最简单实用的模式，可以理解为是不同工厂模式的一个特殊实现。
  • maven笔记 zhb8015 maven
    跳过测试阶段： mvn package -DskipTests 临时性跳过测试代码的编译： mvn package -Dmaven.test.skip=true   maven.test.skip同时控制maven-compiler-plugin和maven-surefire-plugin两个插件的行为，即跳过编译，又跳过测试。   指定测试类 mvn test
  • 非mapreduce生成Hfile，然后导入hbase当中 Stark_Summer maphbasereduceHfilepath实例
    最近一个群友的boss让研究hbase，让hbase的入库速度达到5w+/s，这可愁死了，4台个人电脑组成的集群，多线程入库调了好久，速度也才1w左右，都没有达到理想的那种速度，然后就想到了这种方式，但是网上多是用mapreduce来实现入库，而现在的需求是实时入库，不生成文件了，所以就只能自己用代码实现了，但是网上查了很多资料都没有查到，最后在一个网友的指引下，看了源码，最后找到了生成Hfile
  • jsp web tomcat 编码问题 王新春 tomcatjsppageEncode
    今天配置jsp项目在tomcat上，windows上正常，而linux上显示乱码，最后定位原因为tomcat 的server.xml 文件的配置，添加 URIEncoding 属性： <Connector port="8080" protocol="HTTP/1.1" connectionTi
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他