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的