一个全能的前端可以做如下事情:1.产品官网,切稿,浏览器兼容性,相关页面特效。2.产品后台,UI框架使用,图表插件,各种web插件使用,前后端通信,相关页面特效。3.H5页面,也分CSS3特效,既移动浏览器兼容性,响应式页面。4.web组件开发,看各种js源代码,jquery源代码,js框架源代码。...
分类:
其他好文 时间:
2014-09-18 23:44:34
阅读次数:
389
最简陋的线形图
第一步:引入必要的CSS、JS文件
[html]
view plaincopy
link rel="stylesheet" type="text/css" href="js/jqPlot/1.0.4/jquery.jqplot.min.css"/> >script language="javascript" type="text/javascri...
分类:
其他好文 时间:
2014-09-18 16:32:34
阅读次数:
311
柱状图
在jqPlot图表插件使用说明(一)中,我们已经可以通过jqPlot绘制出比较简单的线形图。通过查看源代码,我们也可以看出,线形图是jqPlot默认的图表类型:
[javascript]
view plaincopy
/** * Class: Series * An individual data series object. Cannot be i...
分类:
其他好文 时间:
2014-09-18 16:31:54
阅读次数:
316
简单交互
在之前的学习中,我们已经可以绘制各种类型的图表,也可以给图表添加不同的组件,如标题、图例等等。但这些图表只能用于展示数据,一旦希望对图表有所操作——比如查看数据明细——就显得束手无策了。其实jqPlot是提供了图表事件交互功能的,且实现起来,也相当的简单。接下来我们要做的就是,学习如果监听图表事件,并对事件进行处理。
在jqPlot的源码中,我们能够看到这样的代码片段:
...
分类:
其他好文 时间:
2014-09-18 16:30:54
阅读次数:
322
一、准备工作 首先我们需要到官网下载所需的文件:官网下载(笔者选择的是jquery.jqplot.1.0.8r1250.zip这个版本) 然后读者需要根据自己的情况新建一个项目并且按照如下的方式加载对应的js和css(因为笔者在VS2012环境下新建的,并且所需的js和css都会对应的放到j...
分类:
其他好文 时间:
2014-09-18 14:42:14
阅读次数:
207
一、准备工作 首先我们需要到官网下载所需的文件:官网下载(笔者选择的是jquery.jqplot.1.0.8r1250.zip这个版本) 然后读者需要根据自己的情况新建一个项目并且按照如下的方式加载对应的js和css(因为笔者在VS2012环境下新建的,并且所需的js和css都会对应的放到j...
分类:
其他好文 时间:
2014-09-18 13:14:35
阅读次数:
298
前言:做运维的很重要的基础工作就是监控,之前都是统计数据入库,然后前端js图表插件出图,费时费力,可定制性差前几天接触到了ELK(logstash, elasticsearch, kibana)这套日志收集展示工具集,的确很方便,但是手头没有那么大的存储啊也不是所有的日志数据都需要,然后就发现了gr...
分类:
其他好文 时间:
2014-09-16 15:30:20
阅读次数:
404
显示报表 官网下载地址:https://bitbucket.org/cleonello/jqplot/downloads/中文使用文档--------------------------------简介 jqplot是一款非常不错的基于jquery的图表插件,这篇文章主要帮助大家整理了jqplot的...
分类:
Web程序 时间:
2014-09-10 19:09:21
阅读次数:
375
Highcharts是一个非常流行,界面美观的纯Javascript图表库,如何快速的通过Highcharts生成自己想要的图标呢?...
分类:
其他好文 时间:
2014-09-02 00:21:03
阅读次数:
248
开发人员很多时候需要使用图表来表现一些数据,而一张图表往往能够比几行密密麻麻的数字表格更能直观地展示数据内容。随着Web技术的发展,从传统只能依靠于flash、IE的vml,各个浏览器尚不统一的svg,到如今规范统一的canvas、svg为代表的html5技术,表现点、线、面要素的技术已经越来越规....
分类:
其他好文 时间:
2014-07-25 19:14:22
阅读次数:
346