echarts实现雷达图表效果代码
代码语言:html
所属分类:图表
代码描述:echarts实现雷达图表效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html style="height: 100%"> <head> <meta charset="utf-8"> </head> <body style="height: 100%; margin: 0"> <div id="container" style="height: 100%"></div> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/echarts.js"></script> <script type="text/javascript"> var dom = document.getElementById("container"); var myChart = echarts.init(dom); var app = {}; option = null; // Schema: // date,AQIindex,PM2.5,PM10,CO,NO2,SO2 var dataBJ = [ [55,9,56,0.46,18,6,1], [25,11,21,0.65,34,9,2], [56,7,63,0.3,14,5,3], [33,7,29,0.33,16,6,4], [42,24,44,0.76,40,16,5], [82,58,90,1.77,68,33,6], [74,49,77,1.46,48,27,7], [78,55,80,1.29,59,29,8], [267,216,280,4.8,108,64,9], [185,127,216,2.52,61,27,10], [39,19,38,0.57,31,15,11], [41,11,40,0.43,21,7,12], [64,38,74,1.04,46,22,13], [108,79,120,1.7,75,41,14], [108,63,116,1.48,44,26,15], [33,6,29,0.34,13,5,16], [94,66,110,1.54,62,31,17], [186,142,192,3.88,93,79,18], [57,31,54,0.96,32,14,19], [22,8,17,0.48,23,10,20], [39,15,36,0.61,29,13,21], [94,69,114,2.08,73,39,22], [99,73,110,2.43,76,48,23], [31,12,30,0.5,32,16,24], [42,27,43,1,53,22,25], [154,117,157,3.05,92,58,26], [234,185,230,4.09,123,69,27], [160,120,186,2.77,91,50,28], [134,96,165,2.76,83,41,29], [52,24,60,1.03,50,21,30], [46,5,49,0.28,10,6,31] ]; var dataGZ = [ [26,37,27,1.163,27,13,1], [85,62,71,1.195,60,8,2], [78,38,74,1.363,37,7,3], [21,21,36,0.634,40,9,4], [41,42,46,0.915,81,13,5], [56,52,69,1.067,92,16,6], [64,30,28,0.924,51,2,7], [55,48,74,1.236,75,26,8], [76,85,113,1.237,114,27,9], [91,81,104,1.041,56,40,10], [84,39,60,0.964,25,11,11], [64,51,101,0.862,58,23,12], [70,69,120,1.198,65,36,13], [77,105,178,2.549,64,16,14], [109,68,87,0.996,74,29,15], [73,68,97,0.905,51,34,16], [54,27,47,0.592,53,12,17], [51,61,97,0.811,65,19,18], [91,71,121,1.374,43,18,19], [73,102,182,2.787,44,19,20], [73,50,76,0.717,31,20,21], [84,94,140,2.238,68,18,22], [93,77,104,1.165,53,7,23].........完整代码请登录后点击上方下载按钮下载查看
网友评论0