當前位置:首頁 » 行情解析 » 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>

代碼附上,妥妥的~