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" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <style> #chart{max-width:650px;margin:35px auto} </style> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/apexcharts.js"></script> </head> <body> <div id="chart"></div> <script> var options = { series: [{ name: 'Network', data: [{ x: 'Dec 23 2017', y: null }, { x: 'Dec 24 2017', y: 44 }, { x: 'Dec 25 2017', y: 31 }, { x: 'Dec 26 2017', y: 38 }, { x: 'Dec 27 2017', y: null }, { x: 'Dec 28 2017', y: 32 }, { x: 'Dec 29 2017', y: 55 }, { x: 'Dec 30 2017', y: 51 }, { x: 'Dec 31 2017', y: 67 }, { x: 'Jan 01 2018', y: 22 }, { x: 'Jan 02 2018', y: 34 }, { x: 'Jan 03 2018', y: null }, { x: 'Jan 04 2018', y: null }, { x: 'Jan 05 2018', y: 11 }, { x: 'Jan 06 2018'.........完整代码请登录后点击上方下载按钮下载查看
网友评论0