apexcharts实现股票指数k线图效果代码

代码语言:html

所属分类:图表

代码描述:apexcharts实现股票指数k线图效果代码

代码标签: apexcharts 股票 指数 k线图

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/apexcharts.3.35.js"></script>
    <style>
        #chart{max-width:650px;margin:35px auto}
    </style>

</head>

<body>

    <div id="chart"></div>
    <script>
        var options = {
       series: [{
           data: [{
               x: new Date(1538778600000),
               y: [6629.81, 6650.5, 6623.04, 6633.33]
           }, {
               x: new Date(1538780400000),
               y: [6632.01, 6643.59, 6620, 6630.11]
           }, {
               x: new Date(1538782200000),
               y: [6630.71, 6648.95, 6623.34, 6635.65]
           }, {
               x: new Date(1538784000000),
               y: [6635.65, 6651, 6629.67, 6638.24]
           }, {
               x: new Date(1538785800000),
               y: [6638.24, 6640, 6620, 6624.47]
           }, {
               x: new Date(1538787600000),
               y: [6624.53, 6636..........完整代码请登录后点击上方下载按钮下载查看

网友评论0