echar生成雷达图

 function createRadarChart(indicatorData, personData) {var myChart = echarts.init(document.getElementById('fl2Grid'));var option = {legend: {//图例设置data: [{ name: personData[0].name, icon: 'rect' }, { name: personData[1].name, icon: 'rect' }],//名字和图形left: 0,itemGap: 30,itemWidth: 14},radar: {//雷达图形设置
                name: {textStyle: {color: '#333333'}},indicator: indicatorData,//雷达数据最大值
                splitArea: {show: false //是否显示隔断色
                },splitLine: {lineStyle: {color: ['#D1D1D1']//雷达的线条色
                    }}},series: [{type: 'radar',data: [{value: personData[0].value,//第一个数据线条name: personData[0].name,lineStyle: {normal: {color: '#e4b2b2'}},lineStyle: {normal: {color: '#E4B2B2'}},areaStyle: {normal: {color: 'rgba(255,47,47,.3)'}}}, {value: personData[1].value,//第二个数据线条name: personData[1].name,itemStyle: {normal: {color: '#FF5758'}},itemStyle: {normal: {color: '#FFD52F'}},areaStyle: {normal: {color: 'rgba(255,204,51,.5)'}}}]}]};;myChart.setOption(option);}//生成雷达图var indicatorData = [//雷达图最大值设置{ name: '客户向导', max: 10 },{ name: '信任协作', max: 10 },{ name: '鼓励创新', max: 10 },{ name: '高效执行', max: 10 },{ name: '战略选择', max: 10 },{ name: '精细管理', max: 10 },{ name: '成就团队', max: 10 },{ name: '专 业 力', max: 10 },{ name: '学习敏锐度', max: 10 },{ name: '客户向导', max: 10 }];//具体的雷达图数据var personData = [{ name: '王二三', value: [2.7, 5.2, 3.3, 7.8, 3.5, 6.5, 6.6, 3.4, 7.9, 4.8] }, { name: '平均', value: [3.7, 4.2, 6.3, 6.8, 3.2, 8.5, 7.6, 8.4, 5.9, 4.8] }];createRadarChart(indicatorData, personData);//执行函数

转载于:https://www.cnblogs.com/xiaozhumaopao/p/7204551.html

echar生成雷达图相关推荐

php制作雷达图,用pChart生成雷达图图片
需求 :由于工作需要,需要在一张背景图上添加这一张雷达图,之后图片可以在微信中长按保存.所以说我必须生成一张带有雷达图的图片第一反应是用百度echars雷达图做动态显示,之后截图.考虑到工作量和效率 ...
如何用python生成雷达图
第一行导入包这个包Pygal 是另一个简单易用的数据图库,它以面向对象的方式来创建各种数据图,而且使用 Pygal 可以非常方便地生成各种格式的数据图,包括 PNG.SVG 等.使用 Pygal 也可 ...
利用百度Echarts.js生成雷达图
一.下载地址:http://echarts.baidu.com/ 二.看文档(必须的).可选择的看,先完成想要的功能,再扩展. 三.使用推荐的模块化单文件引入. 在在dist文件夹下会有 echa ...
【PHPWord】PHPWord生成图表-雷达图 | 隐藏图例、设置数值类别隐藏、展示多组数据
目录预计达到的效果什么是雷达图在Word中如何生成雷达图使用Chart生成雷达图宽度和高度的单位都是EMU legend 图例简单示例美化样式颜色设置Colors无效无法配置数值最小 ...
java 雷达图_POI生成原生Excel-雷达图
使用POI结合Excel的行列生成雷达图一.先放最后输出的结果图: 雷达图二.代码 @Test public void createRadar() throws IOException { fin ...
python话雷达图-Python 详解雷达图/蛛网图
雷达图-pyecharts 蛛网图,最早知道是在玩FIFA游戏的时候,球员的能力用蛛网图来表示与比较,那时觉得非常新鲜.后来,在实际的工作中,其实很少用到:一方面,直接提供蛛网图的工具少:另一方面,过 ...
python画雷达图-Python 详解雷达图/蛛网图
雷达图-pyecharts 蛛网图,最早知道是在玩FIFA游戏的时候,球员的能力用蛛网图来表示与比较,那时觉得非常新鲜.后来,在实际的工作中,其实很少用到:一方面,直接提供蛛网图的工具少:另一方面,过 ...
Java通过JFreeChart实现(饼图、柱状图、层叠柱状图、折线图、散点图、雷达图、环形图、仪表盘图、XY图)生成图片和下载
目录 1.添加依赖 2.工具类 2.1 JFreeChart工具类 2.2 GenerateChartUtil 图表生成工具类 2.3 GeneratePieChartUtil 饼图生成工具类 3. ...
多级雷达图绘制python_Python 详解雷达图/蛛网图
雷达图-pyecharts 蛛网图,最早知道是在玩FIFA游戏的时候,球员的能力用蛛网图来表示与比较,那时觉得非常新鲜.后来,在实际的工作中,其实很少用到:一方面,直接提供蛛网图的工具少:另一方面,过 ...
虎扑球员数据爬取+球员能力分布雷达图
虎扑数据爬取+球员能力分布雷达图学了一阵子python后,心痒痒想爬个网站试试,但得找个自己感兴趣的啊,那必然是篮球了.想了想平时看篮球的也就腾讯和虎扑,细心的jrs可能会发现腾讯体育点进球员个人主 ...

echar生成雷达图

echar生成雷达图相关推荐

最新文章

热门文章