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" /> <style> #chart { max-width: 650px; margin: 35px auto; } .toolbar { margin-left: 45px; } button { background: #fff; color: #222; border: 1px solid #e7e7e7; border-bottom: 2px solid #ddd; border-radius: 2px; padding: 4px 17px; } button.active { color: #fff; background: #008FFB; border: 1px solid blue; border-bottom: 2px solid blue; } button:focus { outline: 0; } </style> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/apexcharts.js"></script> </head> <body> <div id="chart"> <div class="toolbar"> <button id="one_month"> 1M </button> <button id="six_months"> 6M </button> <button id="one_year" class="active"> 1Y </button> <button id="ytd"> YTD </button> <button id="all"> ALL </button> </div> <div id="chart-timeline"></div> </div> <script> var options = { series: [{ data: [ [1327359600000,30.95], [1327446000000,31.34], [1327532400000,31.18], [1327618800000,31.05], [1327878000000,31.00], [1327964400000,30.95], [1328050800000,31.24], [1328137200000,31.29], [1328223600000,31.85], [1328482800000,31.86], [1328569200000,32.28], [1328655600000,32.10], [1328742000000,32.65], [1328828400000,32.21], [1329087600000,32.35], [1329174000000,32.44], [1329260400000,32.46], [1329346800000,32.86], [1329433200000,32.75], [1329778800000,32.54], [1329865200000,32.33], [1329951600000,32.97], [1330038000000,33.41], [1330297200000,33.27], [1330383600000,33.27], [1330470000000,32.89], [1330556400000,33.10], [1330642800000,33.73], [1330902000000,33.22], [1330988400000,31.99], [1331074800000,32.41], [1331161200000,33.05], [1331247600000,33.64], [1331506800000,33.56], [1331593200000,34.22], [1331679600000,33.77], [1331766000000,34.17], [1331852400000,33.82], [1332111600000,34.51], [1332198000000,33.16], [1332284400000,33.56], [1332370800000,33.71], [1332457200000,33.81], [1332712800000,34.40], [1332799200000,34.63], [1332885600000,34.46], [1332972000000,34.48], [1333058400000,34.31], [1333317600000,34.70], [1333404000000,34.31], [1333490400000,33.46], [1333576800000,33.59], [1333922400000,33.22], [1334008800000,32.61], [1334095200000,33.01], [1334181600000,33.55], [1334268000000,33.18], [1334527200000,32.84], [1334613600000,33.84], [1334700000000,33.39], [1334786400000,32.91], [1334872800000,33.06], [1335132000000,32.62], [1335218400000,32.40], [1335304800000,33.13], [1335391200000,33.26], [1335477600000,33.58], [1335736800000,33.55], [1335823200000,33.77], [1335909600000,33.76], [1335996000000,33.32], [1336082400000,32.61], [1336341600000,32.52], [1336428000000,32.67], [1336514400000,32.52], [1336600800000,31.92], [1336687200000,32.20], [1336946400000,32.23], [1337032800000,32.33], [1337119200000,32.36], [1337205600000,32.01], [1337292000000,31.31], [1337551200000,32.01], [1337637600000,32.01], [1337724000000,32.18], [1337810400000,31.54], [1337896800000,31.60], [1338242400000,32.05], [1338328800000,31.29], [1338415200000,31.05], [1338501600000,29.82], [1338760800000,30.31], [1338847200000,30.70], [1338933600000,31.69], [1339020000000,31.32], [1339106400000,31.65], [1339365600000,31.13], [1339452000000,31.77], [1339538400000,31.79], [1339624800000,31.67], [1339711200000,32.39], [1339970400000,32.63], [1340056800000,32.89], [1340143200000,31.99], [1340229600000,31.23], [1340316000000,31.57], [1340575200000,30.84], [1340661600000,31.07], [1340748000000,31.41], [1340834400000,31.17], [1340920800000,32.37], [1341180000000,32.19], [1341266400000,32.51], [1341439200000,32.53], [1341525600000,31.37], [1341784800000,30.43], [1341871200000,30.44], [1341957600000,30.20], [1342044000000,30.14], [1342130400000,30.65], [1342389600000,30.40], [1342476000000,30.65], [1342562400000,31.43], [1342648800000,31.89], [1342735200000,31.38], [1342994400000,30.64], [1343080800000,30.02], [1343167200000,30.33], [1343253600000,30.95], [1343340000000,31.89], [1343599200000,31.01], [1343685600000,30.88], [1343772000000,30.69], [1343858400000,30.58], [1343944800000,32.02], [1344204000000,32.14], [1344290400000,32.37], [1344376800000,32.51], [1344463200000,32.65], [1344549600000,32.64], [1344808800000,32.27], [1344895200000,32.10], [1344981600000,32.91], [1345068000000,33.65], [1345154400000,33.80], [1345413600000,33.92], [1345500000000,33.75], [1345586400000,33.84], [1345672800000,33.50], [1345759200000,32.26], [1346018400000,32.32], [1346104800000,32.06], [1346191200000,31.96], [1346277600000,31.46], [1346364000000,31.27], [1346709600000,31.43], [1346796000000,32.26], [1346882400000,32.79], [1346968800000,32.46], [1347228000000,32.13], [1347314400000,32.43], [1347400800000,32.42], [1347487200000,32.81], [1347573600000,33.34], [1347832800000.........完整代码请登录后点击上方下载按钮下载查看
网友评论0