- 浏览: 800100 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (480)
- Spring (12)
- Hibernate (8)
- Struts2 (4)
- Java 基础-JDK-类-接口-URI-专题研究 (27)
- 线程、线程池、多线程高并发高可用、Socket通信 (15)
- Oracle数据库 (20)
- 一般-前端js-html-其它 (25)
- JYSK-互联网金融、金融科技、支付、公司、新闻等等 (8)
- Ajax-jQuery开源框架 (7)
- Json-轻量级的数据交换格式 (14)
- JavaScript (15)
- Jsp、Servlet、Servlet+JSP+JavaBean开发模式(MVC) (18)
- Html-JavaScript-前端-调用接口 (12)
- Sql Server 2005 (6)
- 正则表达式 (2)
- Java tools (18)
- 加签与验签、加密与解密 (3)
- Ajax技术核心-xmlHttpRequest(简称XHR) (6)
- xml-数据交换格式 (3)
- 信息采集 (1)
- Http - Https - HttpClient - httpCore-SSL-TLS (10)
- HtmlParser (2)
- 标签库 (1)
- SMS (2)
- jxl-导入导出 (4)
- poi-导入导出 (2)
- 定时器Timer+Quartz (6)
- 工作流引擎JBPM3.2.3 (4)
- 工作流引擎JBPM4 (0)
- 数据源-JNDI (0)
- tomcat、weblogic等应用服务器 (6)
- 工作流引擎jbpm5 (1)
- 搜索引擎Lucene (1)
- ant (1)
- 大数据-HBase (2)
- bigtable (0)
- 数据库设计 (4)
- jquery tab (0)
- mybatis (5)
- jquery ui 1.10.3 (5)
- Jboss7 (1)
- 规则引擎drools (0)
- 工作流引擎Activiti5 (0)
- 数据库-用户自定义函数 (0)
- 数据库-存储过程 (2)
- 数据库-视图 (0)
- 数据库-触发器 (0)
- 数据库-sql (2)
- highcharts-图表工具 (1)
- sql server 2008 (6)
- 诗词-工作室 (2)
- 数据割接 (1)
- GIS-地理信息系统 (2)
- RS-遥感技术 (1)
- GPS-全球定位系统 (1)
- java整合flex_RIA开发 (3)
- C#编程语言 (5)
- webservice_axis2_cxf_soap_wsdl (2)
- sql语句 (3)
- Flex_WebService_GIS (25)
- PHP编程语言 (0)
- ExtJS4.2 (1)
- Spring mvc (5)
- EasyUI1.4.2 (16)
- 日期时间工具类 (4)
- 随机数 (1)
- Arcgis api for js (0)
- Mysql数据库 (9)
- 移动互联网 java html5/flash socket netty (0)
- API接口 (1)
- AndroidStudio (0)
- Git (2)
- Maven (5)
- IDEA (0)
- 大数据-Hadoop (2)
- JPA (0)
- Spring boot (4)
- JSF (0)
- nginx_lua_module_redis (2)
- Activiti (1)
- bootstrap (1)
- AngularJS (10)
- 数据库-索引 (1)
- Linux及其连接工具SSH (4)
- java日志管理 (2)
- islider滑动控件 (1)
- jquery (1)
- 异常处理Exception (1)
- 秒杀与类秒杀系统 (1)
- 连接数据库、数据库连接池 (4)
- 数据库-临时表 (1)
- 软件设计模式-单例、多例、代理、工厂、观察者 (3)
- 集合框架 (5)
- 人工智能--Artificial intelligence、神经网络算法、机器学习 (1)
- 分布式应用 (1)
- SOA服务-Dubbo框架-Thrift框架 (2)
- Zookeeper分布式服务框架 (2)
- intellij idea (1)
- python编程语言 (0)
- 消息队列_MQ (0)
- 消息队列_RabbitMQ (2)
- 消息队列_ActiveMQ (1)
- 消息队列_Kafka (2)
- 缓存_Redis (4)
- 缓存_Memcache (0)
- 缓存_Ehcache (0)
- ivy-ivyde (1)
- google-protocol buffers (1)
- 正向代理-正向代理服务器 (1)
- 反向代理-反向代理服务器 (1)
- JVM内存模型 (0)
- Thunder框架 (1)
- NIO-非阻塞式IO (0)
- 软件测试、性能测试 (1)
- 序列化、Serializable接口、Externalizable接口 (3)
- 线程池-ExecutorService-ThreadPoolExecutor (1)
- web.xml (1)
- java开发-java工具-实用工具网站 (6)
- 医疗 (1)
- Filter-过滤器 (2)
- Unicode码-双字节字符编码 (1)
- OpenResty (1)
- 计算机网络 (1)
- eclipse_myeclipse_intellij idea (3)
- Enum (1)
- 大数据--Big Data (1)
- 云计算--Cloud computing (1)
- Elastic-Job (1)
- Redis (2)
- 文件流-IO操作 (6)
- 计算机基础知识 (1)
- Hessian-二进制RPC协议 (1)
- String类 (3)
- BigDecimal类 (1)
- java重要接口 (1)
- ReactJS (1)
- 跨域问题 (0)
- Map (1)
- 注解 (1)
- ASCII码-单字节字符编码 (1)
- 微服务、微服务架构 (2)
- RPC协议、RPC服务、RPC框架 (0)
- java反射 (1)
- java项目之classpath (1)
- 经典算法-树 (1)
- listener-监听器 (1)
- Interceptor-拦截器 (1)
- pojo javabean (2)
- 计算机科学与技术-进阶 (1)
- 代码规范与文档编写 (1)
- UML-统一建模语言 (1)
- 对接微信、支付宝 (3)
- 压力测试 (1)
- 办公软件-Excel (1)
- 办公软件-PPT (0)
- UTF8、GBK编码 (1)
- 微服务架构:Spring Cloud架构-Dubbo架构 (6)
- Nginx (1)
- 点滴业务 (1)
- form表单-json数据-转换与接口调用 (1)
- Junit单元测试 (1)
- 大数据-Spark (1)
- 大数据-Storm (1)
- 数据库事务-Spring事务 (0)
- elasticsearch (1)
- windows (1)
最新评论
//数据处理-成功 function dealSuccessBySectionId(data){ //画表格 var htmlStr = ""; htmlStr += "<table class='tab-list' width='99%'>"; htmlStr += "<thead>"; htmlStr +="<tr class='list-header'>" +"<td width='5%'>序号</td>" +"<td width='34%'>版块名称</td>" +"<td width='22%'>发帖量</td>" +"<td width='22%'>回帖量</td>" +"<td width='22%'>点击量</td>" +"</tr>"; htmlStr += "</thead>"; htmlStr += "<tbody>"; for (var i = 0; i < data.length; i++) { htmlStr += "<tr>"; htmlStr += "<td>" + (i+1) + "</td>" + "<td>"+ data[i].tsb.sectionName + "</td>" + "<td>"+ data[i].ftl+ "</td>" +"<td>"+data[i].htl+"</td>" +"<td>"+ data[i].djl+ "</td>"; htmlStr += "</tr>"; } if(data.length==0){ htmlStr += "<tr style='text-align: center'><td colspan='6'><font color='#cd0a0a'>"+ '暂无记录' + "</font></td></tr>"; } htmlStr += "</tbody>"; htmlStr += "</table>"; $("#btab2").html(htmlStr); //画图 var sectionNameHtml=new Array(data.length);//各版块 var ftHtml=new Array(data.length);//发帖量 var htHtml=new Array(data.length);//回帖量 var djHtml=new Array(data.length);//点击量 for (var i = 0; i < data.length; i++) { sectionNameHtml[i]=data[i].tsb.sectionName; ftHtml[i]=data[i].ftl; htHtml[i]=data[i].htl; djHtml[i]=data[i].djl; } alert(sectionNameHtml); alert(ftHtml); alert(htHtml); alert(djHtml); $('#container').highcharts({ chart: { type: 'column' }, title: { text: '各版块发帖、回帖、点击量' }, xAxis: { categories: sectionNameHtml }, yAxis: { min: 0, title: { text: '累计(次)' } }, tooltip: { headerFormat: '<span style="font-size:10px">{point.key}</span><table>', pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' + '<td style="padding:0"><b>{point.y:.1f} 次</b></td></tr>', footerFormat: '</table>', shared: true, useHTML: true }, plotOptions: { column: { pointPadding: 0.2, borderWidth: 0 } }, series: [{ name: '发帖量', data: ftHtml }, { name: '回帖量', data: htHtml }, { name: '点击量', data: djHtml }] }); }
相关推荐
在这个案例中,我们将关注如何使用Highcharts.js来实现一个柱形图,展示最近30天各级预警CASE的分布情况,并在鼠标悬停时显示当天的详细信息。 首先,`index.html`是网页的主文件,它会包含HTML结构以及Highcharts...
在这个"highcharts.js的柱形图插件实现最近30天各级预警CASE分布图代码"中,我们将深入探讨如何使用Highcharts.js来构建一个柱状图,展示最近30天内各级预警CASE的分布情况。 首先,了解Highcharts.js的基础知识是...
Highcharts.js是一款强大的JavaScript图表库,它允许开发者创建各种类型的图表,包括柱形图、折线图、饼图等,广泛应用于数据可视化。这个“jQuery highcharts.js柱形统计图插件特效源码.zip”文件包含了一个使用...
【标题】"柱形图、饼状图实现js"指的是使用JavaScript编程语言,结合特定的图表库,如Highcharts,来创建柱形图和饼状图。这些图表在数据分析、数据可视化领域中广泛用于展示和解释各类数据。 【描述】"highcharts....
1. **柱形图(Column Chart)**: 柱形图是一种常见的数据展示方式,通过垂直柱子的高度来表示数值的大小。在Highcharts中,可以设置颜色、宽度、堆叠、分组等属性来定制柱形图。此外,还可以添加数据标签显示具体...
Highcharts提供了多种图表类型,如折线图、曲线图、块状图、块状-曲线图、柱形图、条形图、饼图和散点图,允许开发者在同一个报表中自由组合,以满足不同的数据展示需求。 配置Highcharts非常简单,所有的配置选项...
在这个"highcharts.js柱形图插件特效代码"项目中,我们将重点讨论如何使用Highcharts.js来实现柱形图,特别是用于展示最近30天各级预警CASE的分布情况。 首先,我们需要理解柱形图的基本概念。柱形图是一种统计图表...
函数内部通过判断`chartType`来决定创建何种类型的图表,目前支持"line"(折线图)和"column"(纵向柱形图)。对于折线图,它会创建一个具有特定类型的HighCharts实例,并设置了图表的标题、X轴和Y轴的标签、数据点...
在"calcHighChart.rar"这个压缩包中,我们主要探讨的是如何在Highcharts的柱形图中进行精确的容器宽度计算以及设置柱形之间的间隔和组间隔,以优化图表的展示效果。 首先,我们要理解柱形图的基本构成。柱形图是一...
Highcharts是一个纯JavaScript编写的图表库,提供直观... Highcharts目前支持线,样条,area,areaspline的,柱形图,条形图,饼图,散点图,棱角分明的仪表,arearange,areasplinerange,columnrange和极地的图表类型
这些库提供了一套完整的API,使得创建各种图表,包括曲线图和柱形图,变得非常简单。下面我们将深入探讨如何使用这些工具来创建统计图表。 1. Chart.js:这是一个轻量级的JavaScript库,特别适合初学者。它支持多种...
- **柱形图(Bar Chart)**:展示分类数据的量,适用于比较不同类别的数值大小。 - **折线图(Line Chart)**:通常用于展示趋势或变化,通过连续的点连接展示数据随时间的变化。 2. **主要特性** - **互动性**...
当前,AAChartKit包括对以下图表类型的支持:柱形图,条形图,面积图,面积样条图,折线图,样条图,雷达图,极坐标图,饼图,气泡图,金字塔图,漏斗图,列范围和面积范围图。 计划支持更多图表类型。 AAChartKit...
Highcharts支持多种图形类型,如`type`属性可以设置为`'column'`(柱形图)、`'line'`(折线图)、`'pie'`(饼图)等。`zoomType`则允许用户进行图表的缩放和滚动操作,如`'x'`、`'y'`或`'xy'`。 3. **数据标签与...
图表-Megadraft插件 成分 这是一个插件,可使用用户提供的数据来绘制图表。 是免费的非商业用途Javascript库。 由于此插件使用它来渲染图表,因此您必须具有... 共有三种图表类型选项:折线图,柱形图和饼图。 每个人
AAInfographics是Kotlin的语言版本这是面向对象的,一组的易于使用,极其高雅图形绘制控制,基于流行的开源前端图表库Highcharts。 这样可以非常快速地向您的移动项目中添加交互式图表。 它支持单点触摸进行数据检查...