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.3.28.1.js"></script> </head> <body> <div id="chart"></div> <script> function generateData(baseval, count, yrange) { var i = 0; var series = []; while (i < count) { var x = Math.floor(Math.random() * (750 - 1 + 1)) + 1; var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min; var z = Math.floor(Math.random() * (75 - 15 + 1)) + 15; series.push([x, y, z]); baseval += 86400000; i++ } return series } var options = { series: [{ name: 'Bubble1', data: generateData(new Date('11 Feb 2017 GMT').getTime(), 20, { min: 10, max: 60 .........完整代码请登录后点击上方下载按钮下载查看
网友评论0