canvas繪圖,html5 k線圖,股票行情圖


canvas繪圖,html5 k線圖,股票行情圖

canvas跟其他標簽一樣,也可以通過css來定義樣式。但這里需要注意的是:canvas的默認寬高為300px * 150px,在css中為canvas定義寬高,實際上把寬高為300px * 150px的畫布進行了拉伸,如果在這樣的情況下進行canvas繪圖,你得到的圖形可能就是變形的效果。
所以,在canvas繪圖時,應該在canvas標簽里直接定義寬高。
Canvas的寬高×2 然后css的寬高是canvas的二分之一
===============
canvas繪制的圖好模糊,怎么解決呢? - 簡書
https://www.jianshu.com/p/4c4312dc7fc5
這種只是設置文本清晰度的,對K線圖沒什么用處
===============
k line painter
http://html54stock.outofmemory.cn/k-painter.v1.htm
這個是組件作者的demo 看起來也是差不多模糊的,在移動端手機上看到就更模糊,沒有對手機分辨率dpi進行處理
Html5版本的全套股票行情圖開源了,附帶實現技術簡介 - 玉開 - 博客園
https://www.cnblogs.com/yukaizhao/archive/2012/03/13/html-stock-charts.html

==============
ECharts Demo
http://www.echartsjs.com/examples/#chart-type-candlestick

ECharts Demo
http://echarts.baidu.com/examples/editor.html?c=candlestick-touch
用這個清晰的,針對移動端的k線圖

免費股票圖表、行情和交易觀點 — TradingView
https://cn.tradingview.com/
https://cn.tradingview.com/chart/?symbol=BITFINEX%3ABTCUSD&interval=D
交易所的web端k線圖很多用TradingView的


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM