JavaScript图表开发工具Highcharts评测与入门

原创|对比评测|编辑:龚雪|2013-11-01 13:58:47.000|阅读 2590 次

概述:著名HTML5/JavaScript图表开发工具Highcharts,以生成图表够漂亮,使用操作够简单而受到广大中国开发者的大力推崇。

著名HTML5/JavaScript图表开发工具Highcharts,以生成图表够漂亮,使用操作够简单而受到广大中国开发者的大力推崇。千呼万唤之下,慧都控件网总算上线Highcharts。借此机会,慧都对Highcharts进行了简单的评测,并收集了Highcharts的入门资料,分享给大家。

下载Highcharts最新版本>>

测评


Highcharts
FusionChart
Open flash chart
支持
  • Asp
  • PHP
  • Asp.net
  • Java
  • ……

  • ASP.Net
  • ASP
  • PHP
  • JSP
  • ColdFusion
  • Ruby on Rails
  • ……

  • PHP
  • Perl
  • Python
  • Java
  • Ruby on Rails
  • .Net

效果
比较美观
美观
一般
优点
  • 主题多
  • 动态交互不错
  • 操作简单
  • 易于使用
  • 功能全
  • 丰富的图表样式
  • 支持Json
缺点
  • 不支持3D
  • 数据源获取方式单一
  • 不支持html5
  • 图表文件大

文件结构

目录或文件

作用说明

–example

Highcharts提供的例子程序,初学者修改例子程序即可满足要求

–exporting-server

图表导出服务器,一般用highcharts服务器

–gfx

Highcharts图标文件夹

–graphics

–js

Highcharts相关js文件(核心目录)

—-adapters

Highcharts适配js文件目录

—-modules

Highcharts模块js文件目录,包含导出功能expoerting.js

—-themes

Highcharts图表主题js文件

—-highcharts.js

—-highcharts.src.js

—-highcharts-more.js

—-highcharts-more.src.js

Highcharts主要js文件(压缩)

Highcharts主要js文件(未压缩的源文件)

Highcharts更多功能js文件

Highcharts更多功能js文件

–index.html

通过index.html,可以查看所有的例子

入门

Highcharts图表必须需要两个js文件,一个是jquery.js及highcharts的highcharts.js,通过下面的代码引入。

<script type="”text/javascript”" src="”jquery.1.9.3.min.js”"></script>
<script type="”text/javascript”" src="”highcharts.js”"></script>

注意:上述代码注意文件的路径,当然,其他版本的jquery也可,只要保证jquery引入在highcharts的上面。

如果你需要将图表导出为图片或打印图表,则还需要引入exporting.js(上面文件结构有说明),不需要改功能则不想要引入。



标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果

文章转载自:慧都控件网

登录 慧都网发表评论


暂无评论...

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
title
相关厂商
相关产品
Telerik UI for WinForms

拥有适用Windows Forms的110+个酷炫UI控件。

Highcharts

纯JavaScript编写的开源图表库,为你的Web应用程序提供直观的、交互式图表

在线客服 在线QQ 电话咨询
400-700-1020
反馈
在线客服系统
live chat