apexcharts实现趋势预测曲线图效果代码

代码语言:html

所属分类:选择器

代码描述:apexcharts实现趋势预测曲线图效果代码

代码标签: apexcharts 趋势 预测 曲线图

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

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

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

<body>

    <div id="chart"></div>
    <script>
        var options = {
      series: [{
          name: 'Sales',
          data: [4, 3, 10, 9, 29, 19, 22, 9, 12, 7, 19, 5, 13, 9, 17, 2, 7, 5]
      }],
      chart: {
          height: 350,
          type: 'line',
      },
      forecastDataPoints: {
          count: 7
      },
      stroke: {
          width: 5,
          curve: 'smooth'
      },
      xaxis: {
          type: 'datetime',
          categories: ['1/11/2000', '2/11/2000', '3/11/2000', '4/11/2000', '5/11/2000', '6/11/2000', '7/11/2000', '8/11/2000', '9/.........完整代码请登录后点击上方下载按钮下载查看

网友评论0