运用ECharts展示股票k线图

VIP文章星耀-NEIL.HU

已于 2022-10-15 21:29:58 修改

阅读量3k

点赞数 5

分类专栏：量化交易文章标签： echarts javascript ecmascript

于 2022-10-15 21:05:12 首次发布

本文链接：https://blog.csdn.net/weixin_45368440/article/details/127340371

版权

项目场景：

ECharts是一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。ECharts最初由百度团队开源，并于2018年初捐赠给Apache基金会，成为ASF孵化级项目。

在股票量化交易系统中，我们可以应用Echarts提供的k线图改进成符合个人交易习惯与交易策略的K线图，以方便个人看盘与量化交易。

K线图范例：

以下是笔者将K线图与成交量相结合的改进K线图。

解决方案：

html代码如下：

<!DOCTYPE html>
<html lang="zh-CN" style="height: 100%">
<head>
  <meta charset="utf-8">
</head>
<body style="height: 100%; margin: 0">
  <div id="container" style="height: 100%"></div>

  <script type="text/javascript" src="https://fastly.jsdelivr.net/npm/jquery"></script>
  <script type="text/javascript" src="https://fastly.jsdelivr.net/npm/[email protected]/dist/echarts.min.js"></script>

  <script type="text/javascript">
    var dom = document.getElementById('container');
    var myChart = echarts.init(