线性表,条形图,饼状图等图形工具是我们的日常上网和工作中比较常见的图形工具,它们主要是用来代替数据列表等传统的数据处理方式,相比于其它的数据对比显示形式,更能够让我们直观明了的了解到事物的发展动态等等。
在网站的开发或者其他的软件开发中,如果想对网站上的数据(比如访问量统计等)有更清晰明了的认识,可以借助于这些个工具来实现。
那么如何将网站上的数据以绘制这些图形的方式显示出来呢?我刚开始想的是利用H5的Canvas来实现,但是我对Canvas不是很熟,没有达到利用它来制作想要的图表的能力,于是便想到利用互联网上的一些开源的工具。据我的搜索了解到,highcharts和百度的echart是目前主流的提供图表接口的网站。于是我便选择了使用Highcharts,如下是它的官网。
首先需要在官网上下载相应的js和demo,我下载的是目前最新版本的6.2.0
接着就可以利用它来结合自己网站上的数据开发想要的各种图形了。以下我仅以条形图为例,写一个jsp代码