highstock

【highstock】的更多相关文章

自动化运维：flask-bootstrap + highstock整合

1.在flask-bootstrap的base.html模板中加载highstock.js 以下是base.html的源码中,调用js文件的例子. 文件路径:python2.7/site-packages/flask_bootstrap/templates/bootstrap/base.html {% block scripts %} <script src="{{bootstrap_find_resource('jquery.js', cdn='jquery'…

ASP.NET HighStock

参考博客HighCharts/Highstock使用小结,使用汉化及中文帮助文档参考博客highcharts与highstock实例…

highstock实现股票分时

highchart学习网站 www.highcharts.com http://www.hcharts.cn/docs/index.php http://www.hcharts.cn/api/highstock.php 实现效果: //谷歌手机浏览器酷似有bug,不过在iPhone5上图正确显示传入数据:股票交易的时间早上9:30-11:30 下午13:00-15:00 对应的最新价.成交量.平均价请求地址如下:http://open.hundsun.com:8081/quote/v1/…

highcharts与highstock实例

highcharts实例代码 <head> <title>highcharts报表示例</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <script type="text/javascript" src="./js/jquery.min.js"></scr…

SpringMVC+highstock实现曲线报表

最近项目要做曲线报表,之前用的是生成图片然后传到前端,感觉不是很好,在网上找到资料说highstock就可以而且还可以做类似股票的那种实时的曲线,研究的一段时间把项目问题解决了做个总结: 首先把highstock.js放到项目资源路径下,因为这个需要JQuery,所以jquery-1.7.2.min.js也需要放,而且在页面引用是要先引用jquery-1.7.2.min.js再引用highstock.js,刚开始做的时候没注意页面加载完后不出图.我做的这个图还需要exporting.js,所以也…

$(function () { $.getJSON('http://www.hcharts.cn/datas/jsonp.php?filename=aapl-ohlcv.json&callback=?', function (data) { // split the data set into ohlc and volume var ohlc = [], volume = [], dataLength = data.length, // set the allowed units for dat…

highstock无图像

如果你的x轴是时间又是世纪秒的话又按以下设置的话,把xAxis的设置去掉试试看, 因为highstock会对世纪秒自动转换的 // xAxis: {// // max: 23, // min: 0, // labels: {// formatter: function () {// //在空数据情况下// //if (currentA == "") // // var vdate =new Date(currentA[this.value][0]); // console.log(th…

highstock高级篇之股票分时图

一直在用 highchart 在做图表,最近一段时间突然接到一活,需要用 highstock 帮客户完成一个股票K线图和分时图.虽然用法和 api上与 highchart 没什么区别,但还是研究一番做出了对应的DEMO,于是抽空与大家分享下. 预期想要达成的效果图 highstock 开发股票或者财经的分时图准备工作引入 highstock 文件 [ 这里需要重点注意了,需要引入 highstock 的版本为 v1.2.5 版本,最新版和老版本有很大的区别,至于为什么随后在代码结束后为大家…

highstock使用案例（异步请求，懒加载）

jsp中导入:<script src="<c:url value="/resources/js/highstock.js"></c:url>"></script> jsp页面加入 <div id="historyChart" style="min-width:1050px;height:350px"></div> <div class="t…

highstock K线图深入研究

K线图,相信每个股民都不陌生,如何用SVG画好一个K线图是一个难题. 我选择用highstock做为画图组件,适当的修改了一下源码,参考了数个财经网站的案例,完成了一个不太成熟的K线图,欢迎大家批评指正. 上图就是整个K线图的样子,图的上半部分是K线图和5日均线,10日均线,30日均线,下半部分是成交量,用柱状图显示,tooltips显示了用户选择点的股票指标,所有颜色符合红涨绿跌的原则. 实现的功能主要有: 1.根据用户选择的时间区间,显示最高价和最低价. 2.点击最高价或最低价的flags会…

关于highstock横坐标的一些的一些说明(1)使用UTC时间

highstock的数据格式采用的是[[时间,数据],[时间,数据],[时间,数据],[时间,数据]],而时间采用的是13位的毫秒值,如[1133136000000,69.66],采用的时间格式为UTC(世界标准时间),因此在后台对时间处理时,不能只是简单的转化为毫秒值,如果只是专为毫秒值,在前台的图形上会出现数据线跟时间有错位的现象.只有转化为UTC格式下的毫秒值才不会出现错位. java下取utc下的毫秒值: Date date = null; DateFormat df = new S…

HighCharts/Highstock使用小结,使用汉化及中文帮助文档

此文档是本人在开发过程图形报表时使用HighCharts所遇到的问题及解决方案 .最后附上有HighCharts中文帮助文档 HighCharts 版本:Highcharts-3.0.1 HighStock 版本:Highstock-1.3.1 下载地址:http://www.highcharts.com/ xAxis x轴的样式 xAxis: { categories: ['Apples', 'Bananas', 'Oranges']], //X轴数据data abels: {//…

highstock 的tooltip框里面的内容保留两位小数的办法

$("#flux_chart_container").highcharts(' }, borderWidth : 1, borderRadius : 10, spacingTop : 2, spacingBottom : 3, spacingLeft : 1, spacingRight : 3 }, credits:{ enabled : fals…

highstock+websocket实现动态展现

效果:从后台获取回测数据,在前端动态展现,和聚宽实现的回测效果相仿大体思路:先传一个[[int,0],[int,0],[int,0],[int,0],[int,0],...]格式的死数据到前端渲染x轴,这样在我们动态加载数据的时候就不会出现x轴动态的变化的尴尬场面了,但是还有一个问题就是0轴上的数据也会显示到数据框,这个时候我们就需要设置一个属性 enableMouseTracking: false 这个属性我找了好长时间,所以一定要记住! index.html代码 var chart = H…

highcharts，highStock 中文图表配置

感谢开源的支持! https://github.com/hcharts/highcharts-zh_CN…

Highstock 演示 › 导航器包含多数据列

$(function () { var seriesOptions = [], seriesCounter = 0, names = ['MSFT', 'AAPL', 'GOOG']; /** * Create the chart when all data is loaded * @returns {undefined} */ function createChart() { $('#container').highcharts('StockChart', { rangeSelector: {…

highstock禁用UTC

xAxis: { labels: { format: '{value:%Y-%m-%d}', /* * 也可以用 formatter 格式化函数,时间格式化说明如下: * %Y 年 * %m 月 * %d 日 * %H 时 * %M 分 * %S 秒 */ /* formatter: function(){ return Highcharts.dateFormat('%Y-%m-%d', this.value); }, */ dateTimeLabelFormats: { year: '%Y-%…

【highstock】按时间（zoom）让它去访问服务器呢？

$(function () { /** * Load new data depending on the selected min and max */ function afterSetExtremes(e) { var chart = $('#container').highcharts(); chart.showLoading('Loading data from server...'); $.getJSON('http://www.highcharts.com/samples/data/…

HighStock如何动态添加数据组

var charts = null; $(function () { var seriesIds = [830]; // Create the chart charts = new Highcharts.StockChart({ chart: { renderTo: 'container', borderWidt…

Highstock生成股票K线图

在线演示本地下载使用HightStock生成股票K线图例子.…

Highcharts Highstock 学习笔记第一篇 Highcharts配置

Highcharts是一款纯javascript编写的图表库,能够很简单便捷的在Web网站或Web应用中添加交互性的图表,Highcharts目前支持直线图.曲线图.面积图.柱状图.饼图.散点图等多达18种不同类型的图表,可以满足你对Web图表的任何需求 ! 0.引入在线资源(也可以引用本地资源)在线减少服务器压力 <script src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script>&l…

Highcharts配置

一.基础使用 <script src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script> <script src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script> 二.功能模块的使用功能模块是在 Highcharts 主要功能的基础做的扩展,是由官方发布的功能包,常用功能模块有:…

Highchart插件下载与安装

提供完整的 Highcharts 资源包,包含实例文件.所有的 js 压缩版及源码.导出服务器文件等. 1.资源包的使用: 2.开放的CDN:http://img.hcharts.cn/ 二.Highchart的安装: 1.使用npm的安装: npm相关文档:http://www.npmjs.com.cn/ npm install highcharts --save 加载 Highcharts var Highcharts = require('highcharts'); // 在 Highc…

FusionCharts和highcharts 饼图区别!

FusionCharts ---------------脚本--------------- <script src="../../../fashioncharts/js/FusionCharts.js" type="text/javascript"></script> ---------html---------- <div id="container"> </div> --------------…

Highchart.js

Highcharts所有的源代码及例子均可通过官网下载得到.初学者只需要简单的修改官方提供的例子即可了解Highcharts. 下载最新版本:Highcharts 3.0.10.Highstock 1.3.10 更新时间:2014年3月10日,更新日志:Changlog 官方下载:Highcharts.Highstock (官网无法访问时请用其他方式下载) QQ群共享下载:294191384.147117861(加群下载群共享文件) 百度网盘下载:Highcharts 3.0.10.Highs…

highcharts基本配置和使用highcharts做手机端图标

使用highcharts三个理由:1>手机适配2>大数据的支持3>svg的优势缺点:不开源.学习资料少官方有基本的常规用法,一般都是基于jquery写的例子,也可以自己封装函数,用原生来调取,性能简单测试一下,没发现两者有什么大的区别. heightcharts.js是一些简单图表的框架js,但是要做动态实时数据图 <script src="js/jquery-1.7.2.js"></script> <script src=&quo…

highcharts的引用

开放 CDN 服务 1.基础的使用(CDN) <script src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script> <script src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script> 2.功能模块在下载的资源包中modules目录下找到更多图表类型扩展模块(highc…

Highcharts使用

Highcharts图表控件是使用比较广泛的图表控件.本文将介绍如何配置Highcharts和动态生成Highcharts图表.可参考Highcharts官网:http://www.highcharts.com 1. 前言 Highcharts主要包含两个部分:Highcharts和Highstock. Highcharts可以为网站和web应用程序提供直观.互动式的图表,目前支持:线.样条.面积.areaspline.柱形图.条形图.饼图和散点图类型. Highstock可以建立股票或一般的时…

Highcharts指南

摘要 Highcharts图表控件是目前使用最为广泛的图表控件.本文将从零开始逐步为你介绍Highcharts图表控件.通过本文,你将学会如何配置Highcharts以及动态生成Highchart图表. 目录前言(Preface) 安装(Installation) 如何设置参数(How to set up the options) 预处理参数(Preprocess the options) 活动图(Live charts) 一.前言(Preface) Highcharts是一个非常流行,界面美…

自身对highcharts理解

最近公司要求做一些图标,动态的添加数据,展示在手机上,以前对Echarts,d3,highcharts只是听说,也没实际去花一定的时间玩玩,也是自以为是,不就看看api的事,结果呢?-----被他们给玩了.也算不错,在自己的努力和一些牛人的帮助下,慢慢的完善了自己的想要的图表. 其实最重要是原生js还有canvas和svg没有很深的基础,后决定,满足工作需求以后需要再花一定的时间用原生去写自己想要的效果,也许需要很长一段时间,但是在这个基础上,你会把js原生基础,比如面向对象,css3,html…