highcharts 中文版是款功能非常强大的制作图表工具;它是纯 JavaScript 编写的一个图表库,并且如果您不是进行商业使用的话,软件免费的提供给大家进行使用,还对IE6+进行兼容,而且支持的图表类型非常的丰富,还对移动端进行支持,让您的使用更加的快捷;软件的图标类型包括了柱状图、仪表图、瀑布流图等,还可以将许多个图标进行合成一个混合图,需要的朋友赶快这河东软件园将highcharts下载来使用试试吧!
软件功能
1. 标题(Title)
图表标题,包含标题和副标题(subTitle),其中副标题是非必须的。
2. 坐标轴(Axis)
坐标轴包含x轴(xAxis)和y轴(yAxis)。通常情况下,x轴显示在图表的底部,y轴显示在图表的左侧。多个数据列可以共同使用同一个坐标轴,为了对比或区分数据,Highcharts提供了多轴的支持。
3. 数据列(Series)
数据列即图表上一个或多个数据系列,比如曲线图中的一条曲线,柱状图中的一个柱形。
4. 数据提示框(Tooltip)
当鼠标悬停在某点上时,以框的形式提示该点的数据,比如该点的值、数据单位等。数据提示框内提示的信息完全可以通过格式化函数动态指定。
5. 图例(Legend)
图例是图表中用不同形状、颜色、文字等 标示不同数据列,通过点击标示可以显示或隐藏该数据列。
6. 版权标签(Credits)
显示在图表右下方的包含链接的文字,默认是Highcharts官网地址。通过指定credits.enabled=false即可不显示该信息。
7. 导出功能(Exporting)
通过引入 exporting.js即可增加图表导出为常见文件功能。
8. 标示线(PlotLines)
可以在图表上增加一条标示线,比如平均值线,最高值线等。
9. 标示区(PlotBands)
可以在图表添加不同颜色的区域带,标示出明显的范围区域。
软件特色
Highcharts JS:纯 JavaScript 编写的标准(基础)HTML5 图表库,兼容 IE6+,同时支持移动端,以下简称 Highcharts;
Highstock JS:纯 JavaScript 编写的股票图,可以方便快捷的开发出股票走势及大数据量时间轴图表,兼容 IE6+,支持移动端,以下简称 Highstock;
Highmaps JS:纯 JavaScript 编写的 HTML5 地图图表库,可以方便快捷的创建与地理信息相关的交互性地图图表,兼容 IE6,支持移动端,以下简称 Highmaps;
Highsoft AS:Highsoft AS 是挪威的一家软件公司,是 Highcharts 系列软件的拥有者,以下简称 Highsoft;
杭州简数科技有限公司:杭州简数科技有限公司是 Highsoft AS 的战略合作伙伴,全面负责 Highcharts 系列软件在中国的商业运作、市场推广、技术支持等相关业务,以下
主版本:指的是发布的版本包含重大新功能或改进,包括不限于重新设计、API 重构。主版本是由版本号的第一位数字来表示的,例如 4.x、5.x,对于主版本的更新升级,必
须获得我们的升级和维护服务;
子版本:指的是小版本升级,包括不限于 Bug 修复,小功能升级等。 子版本是由版本号的第二位数字来表示的,例如 3.0.x、3.1.0
授权文件:授权文件是有我们给授权者相关的证明文件,包含授权使用公司信息、授权信息等,中国地区的授权文件由简数科技提供。
使用方法
直线图是用直线将一系列的数据点连接的图表,直线图经常用来展现随着时间变化的数据。
直线图特性
对应的只需要在数据列里配置 step 属性即可。
饼图以扇区的形式显示每一个数值相对于总数值的大小。
下面用一个具体的实例来说明数据标签连接线的配置和用法
常见问题
解决highCharts导出功能汉化问题
本文以highCharts中文网上的例子为原型,处理解决highCharts导出功能为英文的问题。
我们使用highCharts当然希望所有提示或文本都是中文的了,但是highCharts的默认语言是英语,如下图。
那么怎么把图片中导出功能的提示换成中文呢?
本文利用highCharts的在线测试平台来解决这个问题。
只需要加入一个全局设置,即可解决这个问题。
最后效果:
其实highCharts并不神秘,只要你想到你想要什么样的,你就能通过查阅highCharts的API达到你的目的。
比如说这个问题,我们需要把导出功能里的英文换成中文。解决这个问题有两个思路。
1、从API里查询导出功能的设置。
看上面的列表,我们并没有找到关于语言的设置,当然我们可以修改exporting.js来达到我们的目的,但是最好不要动highCharts的js,能够通过设置实现的功能就不要通过修改(破坏其封装)。
2、设置语言大部分都是和lang有关的,那么我们就通过API查看一下全局设置里的lang
在全局配置的lang里,我们发现了我们需要修改的英文提示,那么怎么修改它的默认值呢?
查API...
lang的设置方式:
更新内容
新增彩色动画的核心支持。
添加在尝试定义相同的系列类型两次时报错的消息。
如果仅更新数据,则将 Series.update 返回到优化的 Series.setData。
该版本还包括一些 bug 修复,
∨ 展开