highstock.js中文版

system

软件标签:  js插件   图表插件
highstock.js是支持移动端、电脑端的一款html5图表插件，有着强大的图表制作和数据管理功能，是用户高效办公的必备工具，来绿色资源网免费下载使用吧！
highstock中文插件介绍
highstock使用纯javascript编写，为你创建股票图表和常用时间分段图表，包括复杂的导航选项，例如：小导航仪系列、预定日期范围、日期选择器、滚动和平移。



highstock使用教程
1.准备工作，引入 highstock 文件

2.图表的初始化

utc时间的设置和一些公共设置

渲染图表方法

渲染方法里需要用到的辅助方法，如utc 的格式化，x轴时间的格式化等等

请求的 json 格式，当然格式可以自己定义 ，但是需要修改上面方法里的属性

最后完成的效果图（当然样式和其他方面还得做调整）
highstock免费版功能特色
丰富的图表类型

highstock支持折线、曲线、区域、区域曲线图、柱形图、条形图、饼图、散点图、角度测量图、区域排列图、区域曲线排列图、柱形排列图、极坐标图等图表类型。其中很多都可以结合在一张图表中使用。

纯javascript代码

highstock仅基于本地浏览器技术，不需要动画和java等客户端插件。甚至你的服务器上无需安装任何相关组件。不支持php或者asp.net。highcharts只需要两个js文件就可以运行： ?highstock.js核心文件，另一个是jquery、mootools或者是原型框架。这些框架中的至少一个已经使用到web网页中了。

事件标记

通过一个特定的，称作“标记”的序列类型，你可以直接将事件标签和注释添加到序列中感兴趣的地方，可选用不同视觉风格的标签来区分它们，也可以将它们添加到图表或x轴。

配置方法简单

设定highstock的配置选项不需要特殊的编程技巧。选项都是以javascript对象符号结构给出的，它们是一些关键字和值的集合，由冒号连接，逗号隔开，大括号分组。

外部数据加载

highstock采用javascript数组中的数据，这些数据可以在一个单独的文件或在不同的站点中的本地配置对象中进行定义。此外，数据可通过任何形式被移交给highstock，然后通过一个回调函数将数据解析成一个数组。

范围选择器

当导航一个大数据集时，也许几个小时的时间价值却超过几年，对于一个图表库，能提供一个快速的方式查看一定的时间范围是很重要的，highstock提供一个范围选择器，可以扩大预定的时间范围，如一个月，一年或者由年初开始，或者手动添加日期范围。

导出和打印

通过对应的输出模式，用户可以点击按钮将图表以png、jpg、pdf或者svg格式输出，或者直接从网页打印图表。

开源

highstock的一个主要特点就是无论免费还是付费的版权许可，都可以下载和编辑源代码。这使得您可以自己修改，提高了灵活性。

https://blog.51cto.com/u_16099270/9147646