欢迎您!“一八软件网”是上海趋唯事软件有限公司的在线软件销售和服务网站
Highcharts
纯HTML5/JavaScript开发的图表组件,超炫前端技术
  • 产品编号:2013-620
  • 产品类型:商业开源控件包
  • 当前版本:4.1.8
  • 产品厂商:Highsoft Solutions AS
概述:Highcharts 是一个用HTML5/JavaScript开发的图表组件库,提供直观的和可交互的图表组件用于开发Web网站和应用。Highcharts 支持直线图表,曲线图表,面积图表,面积曲线图表,柱状图表,条状图表,饼图,散点图表,极状图表,angular gauges, arearange, areasplinerange, columnrange, bubble, box plot, error bars, 漏斗图表和瀑布图表等。

Highcharts 4.1.8 (2015-08-20)



Highcharts v4

自Highcharts 4.0发布以来,Highsoft在2014年7月3日发布了Highcharts v4.0.3,这次升级修复的bug比较多,请大家尽快下载最新版。

下载地址http://www.highcharts.com/download

升级公告http://www.commuch.com/p/components/data/chart/Highcharts/Update.aspx

或者  http://www.highcharts.com/documentation/changelog

Highcharts 4.0.3的离线文档可以提供了,需要的正版用户请联系我们客服免费获取

---导出PDF和图片--------------------------------------------------------------------

Highcharts的导出缺省依赖Highcharts CDN的服务,你需要使用插件“exporting.js”模块。下载地址:http://code.highcharts.com/modules/exporting.js

如果你是内网使用,又需要导出功能,这时需要配置自己的导出服务,如何配置请看:http://www.highcharts.com/docs/export-module/export-module-overview 。

ASP.ENT用户导出请到这里下载:https://github.com/imclem/Highcharts-export-module-asp.net

--------------------------------------------------------------------------------------------

Highcharts的等高线插件

配置要求:highcharts 4.0.4, highcharts-heatmap 4.0.4, delaunay 1.0.0

关键字:heatmap, contour

演示1: http://jsfiddle.net/nsj5uzdw/
演示2: http://jsfiddle.net/1peapgLw/
演示3: http://jsfiddle.net/y80jchon/
演示4: http://jsfiddle.net/f7ofc3q3/
演示5: http://jsfiddle.net/mqxmraL2/


--------------------------------------------------------------------------------------------

Highcharts 4 最大的改进是提供了3D图表功能和heatmaps图表,另外还增加了多种仪表盘类型,性能比前一版3.0提高10%以上。 为增加移动设备上的体验,Highcharts现在可以定制插件尺寸,仅选择需要的图表类型,渲染技术等,最大限度的提高性能。

Highcharts

大家一直关注Highcharts的许可证问题,下面简单的描述一下:

Highcharts相对于FusionCharts XT的许可证更加宽松,购买了Highcharts许可证后的开发者,是允许开发者开发多个第三方客户的项目的,并且服务器部署数量不限制;而FusionCharts XT企业版只允许在被授权的企业内部署,而且服务器数量限制。

PS:Highcharts基于SVG技术开发,所以建议在支持SVG的浏览器上运行,这样可以提高渲染速度,提升用户体验。 而在不支持SVG的浏览器(如IE6-IE8),Highcharts将需要使用canvg.js这个库来实现。



兼容性
It works in all modern browsers including the iPhone/iPad and Internet Explorer from version 6. Standard browsers use SVG for the graphics rendering. In legacy Internet Explorer graphics are drawn using VML.  它能够运行于所有现代的浏览器,包括iPhone/iPad 和IE 6及以上版本。在标准浏览器中使用SVG技术输出图形,在老版本的IE中图形使用VML方法绘制。


非商业使用免费
Do you want to use Highcharts for a personal website, a school site or a non-profit organisation? Then you don't need the author's permission, just go on and use Highcharts.


开放
One of the key features of Highcharts is that under any of the licenses, free or not, you are allowed to download the source code and make your own edits. This allows for personal modifications and a great flexibility.无论是商业还是免费,你总能免费获取到源代码,并允许修改,这带来了极大的灵活性。


纯JavaScript
Highcharts is solely based on native browser technologies and doesn't require client side plugins like Flash or Java. Furthermore you don't need to install anything on your server. No PHP or ASP.NET. Highcharts needs only two JS files to run: The highcharts.js core and either the jQuery, MooTools or Prototype framework. One of these frameworks is most likely already in use in your web page. Highcharts完全基于原生浏览器技术,并且不需要客户端的插件,如Flash或Java。因此你不需要在服务器端安装任何东西,仅需要highcharts.js和 jQuery ,MooTools 或 Prototype中的一个框架。


丰富的图表类型
Highcharts supports line, spline, area, areaspline, column, bar, pie, scatter, angular gauges, arearange, areasplinerange, columnrange and polar chart types. Many of these can be combined in one chart.



简单的配置语法
Setting the Highcharts configuration options requires no special programming skills. The options are given in a JavaScript object notation structure, which is basically a set of keys and values connected by colons, separated by commas and grouped by curly brackets.
Highcharts配置选项设置无需特殊的编程技能。选项​​中给出了一个JavaScript对象符号结构,基本上是一组由冒号连接,用逗号隔开,大括号分组的关键字和值。


动态
Through a full API you can add, remove and modify series and points or modify axes at any time after chart creation. Numerous events supply hooks for programming agains the chart. In combination with jQuery, MooTools or Prototype's Ajax API, this opens for solutions like live charts constantly updating with values from the server, user supplied data and more.
通过一套全面的API你能够在任何时候增加,移除和修改序列和数据点,或修改轴。大量的事件提供挂接(Hooks)用于再次编程图表,用jQuery,MooTools或Prototype的Ajax API相结合,使实时图表不断从服务器和用户提供的数据更新值。


多轴
Sometimes you want to compare variables that are not the same scale - for example temperature versus rainfall and air pressure. Highcharts lets you assign an y axis for each series - or an x axis if you want to compare data sets of different categories. Each axis can be placed to the right or left, top or bottom of the chart. All options can be set individually, including reversing, styling and position.
有时候你要比较的变量是不一样的尺度 - 例如温度与降雨量和空气压力。 Highcharts让你分配每个系列 - y轴或x轴,如果你想比较不同类别的数据集。每个轴都可以放置到图表的右侧或左侧,顶部或底部。所有选项都可以单独设置,包括反向,样式和位置。

提示标签
On hovering the chart Highcharts can display a tooltip text with information on each point and series. The tooltip follows as the user moves the mouse over the graph, and great efforts have been taken to make it stick to the nearest point as well as making it easy to read a point that is below another point.


时间轴
75% of all charts with an X and Y axis have a date-time X axis. Therefore Highchart is very intelligent about time values. With milliseconds axis units, Highcharts determines where to place the ticks so that they always mark the start of the month or the week, midnight and midday, the full hour etc.
有一个X轴和Y轴的75%的图表有一个时间X轴,因此Highchart 在时间值上非常智能。Highcharts毫秒轴单位,确定在何处放置刻度,使他们始终月份开始的一周,午夜和中午,整整一个小时等标记。



导出和打印
With the exporting module enabled, your users can export the chart to PNG, JPG, PDF or SVG format at the click of a button, or print the chart directly from the web page.



放缩
By zooming in on a chart you can examine an especially interesting part of the data more closely. Zooming can be in the X or Y dimension, or both.



外部数据载入
Highcharts takes the data in a JavaScript array, which can be defined in the local configuration object, in a separate file or even on a different site. Furthermore, the data can be handled over to Highcharts in any form, and a callback function used to parse the data into an array.
Highcharts使用JavaScript数组,它可以在本地配置对象,定义在一个单独的文件中,甚至在不同的网站中的数据。此外,数据可以被处理Highcharts任何形式的,用于解析数据到一个数组中的一个回调函数。



圆角仪表盘
Ideal for dashboards, angular gauges provides speedometer-like charts, easy to read at a quick glance.
非常适合dashboards和仪表盘,如提供像马速图表等。



极状图表
Cartesian chart types like line, area, spline or areaspline can be converted to polar or radial chart by one simple option.



倒置图表或反转轴
Sometimes you need to flip over your chart and make the X axis appear vertical, like for example in a bar chart. Reversing the axis, with the highest values appearing closest to origo, is also supported.


标签文本旋转
All text labels, including axis labels, data labels for the point and axis titles, can be rotated in any angle.

  • 非商业使用完全免费,而且有源代码
  • 支持图表种类丰富,技术先进
  • 采用JavaScript,跨浏览器和服务器
  • 被HP,IBM和Ericsson等全球著名公司采用
  • 导出到图片,PDF非常方便
  • FusionCharts XT

    Flash和HTML5两种技术同时提供的Web前端图表组件,最流行

  • Highmaps

    最新的地图组件终于发布了

  • 分享到:
  • 上海趋唯事软件有限公司
    销售:021 - 3211 0920
    技术:021 - 3211 0930
    邮件:sales(#)commuch.com
联系我们: 021 - 3211 0920 , 3211 0930