文章目录

第一部分：JS Echarts之雷达图
- 1. 什么是 Echarts
- 2. JS Echarts之雷达图
- - 2.1 使用Echarts画雷达图
  - 2.3 echarts雷达图中常用修改
  - - 修改indicator文字的颜色
    - axisLine：设置雷达图中间射线的颜色
    - axisLine：设置雷达图中间射线的颜色
    - splitArea：雷达图背景的颜色
    - itemStyle
第二部分：使用Excel画雷达图
- EXCEL中雷达图如何使用
- PPT图表编辑数据提示链接的文件不可用该怎么办（PPT图表数据无法编辑）

第一部分：JS Echarts之雷达图

画雷达图的方式有多种，其中一种就是使用ECharts，ECharts是一款基于JavaScript的数据可视化图表库。

1. 什么是 Echarts

官方网址：https://echarts.apache.org/zh/index.html

ECharts是一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。ECharts最初由百度团队开源，并于2018年初捐赠给Apache基金会，成为ASF孵化级项目。

2021年1月26日晚，Apache基金会官方宣布ECharts项目正式毕业。1月28日，ECharts 5线上发布会举行。

2. JS Echarts之雷达图

官方示例：https://echarts.apache.org/examples/zh/index.html#chart-type-radar

2.1 使用Echarts画雷达图

打开ECharts网址，选择雷达图示例。
这里我们选择基础雷达图。
调整左边js代码，它会实时显示到右侧。

indicator：决定了不同的维度。
indicator
美: [ˈɪndɪˌkeɪtər]
英: [ˈɪndɪˌkeɪtə®]
n. 指示器；标志；指针；迹象
网络指标；指示剂；指示灯

雷达图的指示器，用来指定雷达图中的多个变量（维度）,跟data中 value 对应

2.3 echarts雷达图中常用修改

echarts雷达图样式配置
参考URL: https://blog.csdn.net/qq_45887784/article/details/119218101

雷达图背景颜色
雷达图网格颜色
indicator文字颜色
数据区域边框颜色
雷达图内部射线颜色
雷达图的圈数
雷达图每圈具体数值的显示
具体数值拐点样式

修改indicator文字的颜色

在radar key下，添加：

name:{ //修改indicator文字的颜色textStyle:{color:"red"}
},

axisLine：设置雷达图中间射线的颜色

在radar key下，添加：

axisLine: {lineStyle: {color:  "#68B92E", //绿色}
}

去掉这个绿线，添加 show: false, 即可
axisLine: {
show: false,
lineStyle: {
//color: “#68B92E”, //绿色
}
},

axisLine：设置雷达图中间射线的颜色

在radar key下，添加：

splitLine: {show:true,lineStyle: {width : 10,color : ['#7954a1','#ef91ab']}
}

如下，这个是修改网格的颜色

splitArea：雷达图背景的颜色

每一环背景图设置

splitArea: {areaStyle: {color: ["rgba(250,250,250,0.3)", "#26C3BE", "#64AFE9", "#428BD4"],//shadowColor: "rgba(255, 255, 255, 0)",//shadowBlur: 10,//color: "#000",//opacity: 0.3, //雷达图数据线段颜色},
}

itemStyle

在 series.data key 下，配置itemStyle、areaStyle

  series: [{name: 'Budget vs spending',type: 'radar',data: [{value: [5000, 14000, 28000,  42000, 21000],name: 'Actual Spending',label: {  //显示value中具体的数值normal: {show: true,extStyle:{  //更改数值样式color:'blue'}},}, itemStyle: { //该数值区域样式设置、normal: {color: 'rgba(255,225,0,.3)', //背景颜色，还需设置areaStylelineStyle: {color: 'rgba(255,225,0,.3)', //边框颜色},},},areaStyle: { //设置区域背景颜色透明度normal: {width: 1,opacity: 0.8,},}, }]}]

第二部分：使用Excel画雷达图

Excel是当今社会最流⾏⽤的办公软件之⼀，Excel可以⽤于数据的整理、分析、对⽐。可以更直观的看到数据的变化情况，⽽有很多时候需要制作雷达图进⾏数据⽐较，

EXCEL中雷达图如何使用

EXCEL中雷达图如何使用
参考URL: https://baijiahao.baidu.com/s?id=1674347858690096424

PPT图表编辑数据提示链接的文件不可用该怎么办（PPT图表数据无法编辑）

问题描述：
工作中拿到了一份PPT，我们想编辑里面的图表，发现报错提醒链接文件不可用！

问题分析：
图表的制作，我们基本是在Excel当中完成的，Excel中绘制好图表之后，出于惯性，我们会直接CTRL+C、CTRL+V，将制作好的图表复制到PPT当中去。
PPT中插入了Excel图表，我们在Excel更新图表中的数据，这样图形就会相应地发生变化。因为，PPT中的图依然是连接到刚才制图Excel中的数据源，如果后续你将刚才的Excel图表删除，或者你将PPT发送给同事，他们都无法对图表进行编辑。

因为图表数据源连接不存在。

解决方法：
方案一：
我们利用PPT的插入图表功能，自己搞吧 - -！
WPS 直接PPT 选择插入–> 在线图表。选择免费雷达图。

方案二：找发你PPT的同事，让他按照如下操作后，把PPT给你
在CTRL+C复制制作好的图表之后，切换到PPT界面，这时不要直接CTRL+V，右键鼠标，选择第一个“使用目标主题和嵌入工作簿”。这样我们在编辑PPT数据的时候，会弹出一个新建的工作簿，这个工作簿会跟PPT形成一个整体，不论后续你是对之前的excel表格进行删除、还是发送给其他人，PPT图表数据都是处于可编辑状态。

右键菜单中粘贴的第3、4个选项，是无法完成嵌入操作的，其效果与使用Ctrl+V粘贴一样，只是建立了关联关系，一旦Excel文件失联，PPT中的图表就无法编辑。

JS Echarts之雷达图 | 使用Excel画雷达图相关推荐

如何使用excel画甘特图
甘特图小伙伴们都非常的熟悉,首先小编简单的向各位小伙伴介绍一下什么是甘特图,甘特图内在思想简单,即以图示的方式通过活动列表和时间刻度形象地表示出任何特定项目的活动顺序与持续时间.基本是一条线条图,横轴 ...
EXCEL图表：使用excel画坐标轴图
今天分享一下如何使用excel画坐标轴图: 1.图表类型:散点图 2.点击坐标轴选项,设置坐标轴的最大值.最小值.单位值 3.点击坐标轴选项,设置横纵坐标轴交叉,填写坐标轴值 4.点击坐标轴选项,设置 ...
使用Excel画甘特图
引言学习了这么久,做了这么多个项目,想必大家都知道甘特图这个东西吧,那么每次的甘特图是不是你自己画的,又是怎么画的呢?这次小编来给大家分享一下怎么使用Excel画甘特图. 甘特图简介首先,我们再次 ...
html5绘制八卦图,用cad画八卦图的方法步骤详解
今天在家研究了很久CAD,AUTOCAD中如何制作八卦图形?其实方法很简单的.那么下面小编给大家整理了关于用cad画八卦图的方法,希望大家喜欢. 用cad画八卦图的方法步骤 1首先打开CAD,OP空格 ...
使用Excel画折线图
需求因为我们在做有些监测项目的时候我们需要用直观的数据去显示,为了让人们一眼就可以知道,最近的变化,所以我们需要用折线图的方式,为人们很直观的显示数据准备工作首先我们需要将数据有条理的整理出来 ...
python用matplotlib画人口图_Python+Matplotlib画contour图
- 全文阅读3分钟 - 在本文中,你将学习到以下内容: 理解画contour图的数据结构 contour图的参数调节如何添加colorbar 我们先假设x, y的取值范围如下: import mat ...
python怎么做折线图_python怎么画折线图
匿名用户 1级 2018-01-18 回答一.环境准备 linux ubuntu 下需安装下面三个包: Numpy, Scipy,Matplotlib 分别输入下面的代码进行安装: [plain] ...
python如何绘制折线图-python如何画折线图
python画折线图利用的是matplotlib.pyplot.plot的工具来绘制折线图,这里先给出一个段代码和结果图:# -*- coding: UTF-8 -*- import numpy as ...
python可以画动态图吗_matplotlib 画动态图以及plt.ion()和plt.ioff()的使用详解
学习python的道路是漫长的,今天又遇到一个问题,所以想写下来自己的理解方便以后查看. 在使用matplotlib的过程中,常常会需要画很多图,但是好像并不能同时展示许多图.这是因为python可视 ...

JS Echarts之雷达图 | 使用Excel画雷达图

文章目录

第一部分：JS Echarts之雷达图

1. 什么是 Echarts

2. JS Echarts之雷达图

2.1 使用Echarts画雷达图

2.3 echarts雷达图中常用修改

修改indicator文字的颜色

axisLine：设置雷达图中间射线的颜色

axisLine：设置雷达图中间射线的颜色

splitArea：雷达图背景的颜色

itemStyle

第二部分：使用Excel画雷达图

EXCEL中雷达图如何使用

PPT图表编辑数据提示链接的文件不可用该怎么办（PPT图表数据无法编辑）

JS Echarts之雷达图 | 使用Excel画雷达图相关推荐

最新文章

热门文章

JS Echarts之雷达图 | 使用Excel画雷达图

文章目录

第一部分：JS Echarts之雷达图

1. 什么是 Echarts

2. JS Echarts之雷达图

2.1 使用Echarts画雷达图

2.3 echarts雷达图中常用修改

修改indicator文字的颜色

axisLine：设置雷达图中间射线的颜色

axisLine： 设置雷达图中间射线的颜色

splitArea： 雷达图背景的颜色

itemStyle

第二部分：使用Excel画雷达图

EXCEL中雷达图如何使用

PPT图表编辑数据提示链接的文件不可用该怎么办（PPT图表数据无法编辑）

JS Echarts之雷达图 | 使用Excel画雷达图相关推荐

最新文章

热门文章

axisLine：设置雷达图中间射线的颜色

splitArea：雷达图背景的颜色