当前位置:首页 » 行情解析 » h5canvas股票行情k线图
扩展阅读
中国铝业股票跌停 2025-06-22 04:02:45
股票交易模拟交易心得 2025-06-22 04:01:11

h5canvas股票行情k线图

发布时间: 2021-07-23 13:53:44

㈠ 如何在网页中添加实时股票K线图 求详解......

在新浪网中有股票栏目,就可以达到你想要的。

㈡ 我想在公司网站上显示股票即时K线图,怎么弄

这需要与相关服务平台购买行情接口,一般来讲一年900元左右。在网站上显示股票即使K线图,如果使用投机取巧的方式,把大型网站的行情显示套用到自己网站上来,也是可以的,只不过正规的网络公司都不会给你这样做,因为是违法的。

㈢ 如何使用html5的canvas 做一个曲线图 请附小例子

在右边在绘制一条直线角度和右边的棱大约25°,要稍微短一些,然后连接;
在右边在绘制一条直线角度和右边的棱大约35°;
例子如下:
<!DOCTYPE HTML>
<html>
<title>canvas test</title>
<head>
<style>
#canvas{
width:800px;
height:800px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, .8);
margin: 10px 10px;
}
</style>
</head>
<body>
<canvas id='canvas' width=800 height=800>unsupport</canvas>

</body>
<script>
window.onload = function(){
var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');
ctx.strokeColor = 'black';
ctx.lineWidth = 3;
ctx.shadowOffsetX = 10;
ctx.shadowOffsetY = 5;
ctx.shadowBlur = 2;
ctx.shadowColor = 'rgba(0, 0, 0, 0.5)';
ctx.save();
ctx.translate(100, 100);
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(400, 0);
ctx.moveTo(0, 0);
for(var i = 0; i < 20; i += 0.1){
var x = i * 20;
var y = Math.sin(i) * 20;
ctx.lineTo(x, y);
}
ctx.stroke();
ctx.restore();
ctx.save();
ctx.translate(100, 200);
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(400, 0);
ctx.moveTo(0, 0);
ctx.quadraticCurveTo(150, -100, 200, 0);
ctx.quadraticCurveTo(250, 200, 400, 0);
ctx.stroke();
ctx.restore();
ctx.save();
ctx.translate(100, 400);
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(400, 0);
ctx.moveTo(0, 0);
ctx.bezierCurveTo(50, 0, 100, -50, 150, -100);
ctx.bezierCurveTo(175, -75, 150, -25, 100, 0);
ctx.bezierCurveTo(300, -75, 600, -100, 400, 0);
ctx.stroke();
ctx.restore();
ctx.save();
ctx.translate(100, 600);
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(400, 0);
ctx.moveTo(0, -124);
for(var i = 0; i < 25; i += 0.1){
var x = i * 10;
var y = -(((i - 12) * (i - 12)) - 20);
ctx.lineTo(x, y);
}
ctx.stroke();
ctx.restore();
ctx.save();
ctx.beginPath();
ctx.moveTo(100, 0);
ctx.lineTo(100, 800);
ctx.stroke();
ctx.restore();
};
</script>
</html>

㈣ 网页制作中的股票K线图现在用什么制作,以前用的是Flash,现在又Jquery或者html5 css3 插件可以用么

现在一般用jquery插件吧,推荐网络推出的echarts
http://echarts..com/doc/example.html

㈤ 用js、新浪API实现股票K线图或者和以下图

使用 highcharts.js 可以满足你的要求,highcharts apis:http://api.highcharts.com/highcharts

㈥ 如何用highCharts绘制动态股票K线图

highcharts如何实现动态刷新
实现的是折线图。目前已经实现了从数据库中加载数据,但是定时刷新数据不知道怎么实现。
使用chart.series[0].setData(data);每次刷新后表数据就没有了,不知道是不是data的格式写错了,
想问下参数data的数据格式的例子。
function getForm(){
//使用JQuery从后台获取JSON格式的数据
$.ajax({
type: "POST",
url: "chart.ashx",
success: function(data){
chart.series[0].setData(data);
},
error:function(msg)
{
alert("通信错误!");
}
});
$(document).ready(function() {
//每隔1秒自动调用方法,实现图表的实时更新
window.setInterval(getForm,10000);

});

㈦ js怎么调取新浪股票K线图

k线图又称阴阳烛图。阳烛表示该时段中收盘价高于开盘价,阴烛表示收盘价低于开盘价,烛顶和烛底反映该时段中的最高、最低价。根据开盘价、收盘价、最高价以及最低价之间的不同情况,阴线和阳线会呈现不同的形态。而k线图最重要的参考指标是均线系统,它是进行股市操作最重要的参考指标,以每天的前九天和当天共十天的收盘价取算术平均值,再以若干天的这种算术平均值而连结的曲线就是十日均线。同样,有十分钟均线、十小时均线、还有以周、月、年等不同的时间单位作成的各种均线。通常10个时间单位的均线统称为10均线。20均线就是20个时间单位的均线,,其它都是同样的意思。以上是常见的做法。还有人取每天的平均价,还有的取均权平均值等等,做法不一。K线图中常标以MA5、MA10、。

㈧ 求 jquery或js 的类似股票K线图的例子。

㈨ 如何使用html5的canvas 做一个曲线图----y= cos(x)曲线制作

<!DOCTYPEhtml>
<html>
<head>
<title>Cos演示</title>
<metacharset='utf-8'>
</head>
<bodystyle='text-align:center'>
<canvaswidth='800'height='600'id='canvas'style='border:1pxsolid'>

</canvas>
<script>
varcanvas=document.getElementById('canvas');
varctx=canvas.getContext('2d');
functiondrawAxis(){
ctx.translate(400,300);
//x轴
ctx.beginPath();
ctx.moveTo(-380,0);
ctx.lineTo(380,0);
ctx.lineTo(372,3);
ctx.lineTo(372,-3);
ctx.lineTo(380,0);
ctx.stroke();//描边
//y轴
ctx.moveTo(0,200);
ctx.lineTo(0,-200);
ctx.lineTo(3,-192);
ctx.lineTo(-3,-192);
ctx.lineTo(0,-200);
ctx.stroke();//描边
//画坐标
ctx.save();
ctx.strokeStyle='rgba(100,100,255,0.5)';
ctx.moveTo(-Math.PI*100,100);
ctx.lineTo(-Math.PI*100,-100);
ctx.lineTo(Math.PI*100,-100);
ctx.lineTo(Math.PI*100,100);
ctx.lineTo(-Math.PI*100,100);
ctx.stroke();//描边
ctx.fillStyle='rgba(0,0,0,1)';
ctx.fillText("-π",-Math.PI*100,10);
ctx.fillText("π",Math.PI*100,10);
ctx.fillText("-1",5,100);
ctx.fillText("1",5,-100);
ctx.restore();

}
functiondrawCos(){
varx=-Math.PI*100;
ctx.beginPath();
ctx.moveTo(x,100);
for(x=-Math.PI*100;x<Math.PI*100;x++){
varcx=x/100;
varcy=Math.cos(cx);
vary=-cy*100;
ctx.lineTo(x,y);
}
ctx.stroke();//描边
}
functiondraw(){
ctx.clearRect(0,0,canvas.width,canvas.height);
ctx.save();
ctx.shadowColor='rgba(0,0,0,0.8)';
ctx.shadowOffsetX=12;
ctx.shadowOffsetY=12;
ctx.shadowBlur=15;
drawAxis();
drawCos();
ctx.restore();
}
ctx.fillStyle='rgba(100,140,230,0.5)';
ctx.strokeStyle='rgba(33,33,33,1)';
draw();
</script>
</body>
</html>

代码附上,妥妥的~