apexcharts实现股票指数k线图效果代码-html代码-BFW代码库

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

代码语言：html

所属分类：图表

代码描述：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.03, 6621.68, 6624.31]
           }, {
               x: new Date(1538789400000),
               y: [6624.61, 6632.2, 6617, 6626.02]
           }, {
               x: new Date(1538791200000),
               y: [6627, 6627.62, 6584.22, 6603.02]
           }, {
               x: new Date(1538793000000),
               y: [6605, 6608.03, 6598.95, 6604.01]
           }, {
               x: new Date(1538794800000),
               y: [6604.5, 6614.4, 6602.26, 6608.02]
           }, {
               x: new Date(1538796600000),
               y: [6608.02, 6610.68, 6601.99, 6608.91]
           }, {
               x: new Date(1538798400000),
               y: [6608.91, 6618.99, 6608.01, 6612]
           }, {
               x: new Date(1538800200000),
               y: [6612, 6615.13, 6605.09, 6612]
           }, {
               x: new Date(1538802000000),
               y: [6612, 6624.12, 6608.43, 6622.95]
           }, {
               x: new Date(1538803800000),
               y: [6623.91, 6623.91, 6615, 6615.67]
           }, {
               x: new Date(1538805600000),
               y: [6618.69, 6618.74, 6610, 6610.4]
           }, {
               x: new Date(1538807400000),
               y: [6611, 6622.78, 6610.4, 6614.9]
           }, {
               x: new Date(1538809200000),
               y: [6614.9, 6626.2, 6613.33, 6623.45]
           }, {
               x: new Date(1538811000000),
               y: [6623.48, 6627, 6618.38, 6620.35]
           }, {
               x: new Date(1538812800000),
               y: [6619.43, 6620.35, 6610.05, 6615.53]
           }, {
               x: new Date(1538814600000),
               y: [6615.53, 6617.93, 6610, 6615.19]
           }, {
               x: new Date(1538816400000),
               y: [6615.19, 6621.6, 6608.2, 6620]
           }, {
               x: new Date(1538818200000),
               y: [6619.54, 6625.17, 6614.15, 6620]
           }, {
               x: new Date(1538820000000),
               y: [6620.33, 6634.15, 6617.24, 6624.61]
           }, {
               x: new Date(1538821800000),
               y: [6625.95, 6626, 6611.66, 6617.58]
           }, {
               x: new Date(1538823600000),
               y: [6619, 6625.97, 6595.27, 6598.86]
           }, {
               x: new Date(1538825400000),
               y: [6598.86, 6598.88, 6570, 6587.16]
           }, {
               x: new Date(1538827200000),
               y: [6588.86, 6600, 6580, 6593.4]
           }, {
               x: new Date(1538829000000),
               y: [6593.99, 6598.89, 6585, 6587.81]
           }, {
               x: new Date.........完整代码请登录后点击上方下载按钮下载查看