echarts-王者荣耀雷达图

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>雷达图</title><script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>
</head>
<body>
<div id="main" style="width:400px; height:400px; border: red 2px solid"></div>
<script type="text/javascript">var myChart = echarts.init(document.getElementById('main'));var dataBJ = [[1800, 10, 10, 800, 1800, 8, 1],[1600, 9, 10, 700, 1900, 9, 1],];var dataGZ = [[1000, 37, 27, 900, 270, 13, 1],[1000, 37, 27, 900, 270, 13, 1],];var dataSH = [[910, 4, 125, 82, 394, 23, 1],[800, 70, 105, 60, 94, 230, 1],];var lineStyle = {normal: {width: 2,opacity: 0.5}};myChart.setOption({backgroundColor: '#161627',title: {text: '王者荣耀数据展示 - 雷达图',//标题文本left: 'center',textStyle: {color: '#eee'}},legend: {//图例bottom: 5,data: ['法师', '刺客', '射手'],//series的name也要改，表示给哪个name做图例itemGap: 20,textStyle: {color: '#fff',fontSize: 14},selectedMode: 'single'},// visualMap: {//     show: true,//     min: 0,//     max: 20,//     dimension: 6,//     inRange: {//         colorLightness: [0.5, 0.8]//     }// },radar: {indicator: [{name: '发育', max: 3000},{name: '人头', max: 25},{name: '助攻', max: 300},{name: '普攻', max: 1000},{name: '金钱', max: 2000},{name: '经验', max: 10}],shape: 'circle',splitNumber: 5,name: {textStyle: {color: 'rgb(238, 197, 102)'}},splitLine: {lineStyle: {color: ['rgba(238, 197, 102, 0.1)', 'rgba(238, 197, 102, 0.2)','rgba(238, 197, 102, 0.4)', 'rgba(238, 197, 102, 0.6)','rgba(238, 197, 102, 0.8)', 'rgba(238, 197, 102, 1)'].reverse()}},splitArea: {show: false},axisLine: {lineStyle: {color: 'rgba(238, 197, 102, 0.5)'}}},series: [{name: '法师',type: 'radar',lineStyle: lineStyle,data: dataBJ,symbol: 'none',itemStyle: {color: '#F9713C'},areaStyle: {opacity: 0.1}},{name: '刺客',type: 'radar',lineStyle: lineStyle,data: dataSH,symbol: 'none',itemStyle: {color: '#B3E4A1'},areaStyle: {opacity: 0.05}},{name: '射手',type: 'radar',lineStyle: lineStyle,data: dataGZ,symbol: 'none',itemStyle: {color: 'rgb(238, 197, 102)'},areaStyle: {opacity: 0.05}}]})</script>
</body>
</html>

echarts-王者荣耀雷达图相关推荐

60行Python代码搞定，王者荣耀雷达图！
点击上方"菜鸟学Python",选择"星标"公众号超级无敌干货第一时间推给你!!! 现有以下表格,我需要画成第二张图中的雷达图(类似fifa足球.王者荣耀里面 ...
p图软件pⅰc_惊爆软件：王者荣耀P图大神，助力少年国服梦
每天为大家推荐精品软件,实用网站,玩机技巧等.如果出现资源失效或者其他问题可以加官方群聊反馈.喜欢记得点赞关注转发支持下,每天为大家推荐不同的神器! 01惊爆软件:王者荣耀P图大神,助力少年国服梦 [ ...
Python+Fiddler5带你爬取6000+高清王者荣耀cosplay图
Python+Fiddler5带你爬取6000+高清王者荣耀cosplay图写在前面最近在玩蛇的时候发现一个抓包神器Fiddler,简直不要太好用,于是当作练手就把这软件给安排了,王者荣耀盒子一个 ...
echarts.js实现雷达图
echarts.js实现雷达图本次小编要介绍的是雷达图画法与需求注意的点. 一.雷达图插件的引用首先引用echarts.js 与jquery.js <script src="js/ ...
vue中使用echarts做一个雷达图
在vue中使用echarts做一个雷达图效果如图首先 1.安装echarts npm install echarts -S 2.使用全局使用在main.js中 // 引入echarts imp ...
利用百度Echarts.js生成雷达图
一.下载地址:http://echarts.baidu.com/ 二.看文档(必须的).可选择的看,先完成想要的功能,再扩展. 三.使用推荐的模块化单文件引入. 在在dist文件夹下会有 echa ...
ArcGIS API + Echarts 实现动态雷达图
雷达图(Radar Chart),又可称为戴布拉图.蜘蛛网图(Spider Chart),常用语财务报表中,但不限于财务报表.使用雷达图能让使用者能一目了然的了解各项指标的变动情形及其好坏趋向. EC ...
Echarts图表之雷达图(一)
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> ...
使用ECharts 绘制一个雷达图对完成的雷达图需要的配置详解
为 ECharts 准备一个定义了宽高的 DOM <div :id="'container' + attrs.id" :class='["widget", ...

echarts-王者荣耀雷达图

echarts-王者荣耀雷达图相关推荐

最新文章

热门文章