vue项目中，需要使用echarts时，需要根据UI设计图进行图标颜色修改

方法一：

1、在script中引入echarts以及主题样式；

import echarts from 'echarts';

import macarons from 'echarts/theme/macarons'

2、在初始化图表容器时，把主题macarons同时进行初始化。

this.chart = echarts.init(document.getElementById(this.id),'macarons');



方法二：
1、在data中自定义颜色数组：

2、在options中添加color属性：

												


											
echarts如何更改表格主题颜色的更多相关文章
	

    
								
  1. vs2015 如何更改背景主题颜色
		
    打开vs2015 步骤:工具--> 选项 -->环境-->常规-->主题设置
    
		
    2. 
						
  2. 三、create-react-app新旧版中使用less和antd并修改主题颜色
		
    引入less 如果项目根目录中没有config文件夹,首先暴露出项目配置文件,项目下执行: npm run eject 如果项目是从git仓库中pull下来的的话,必须确保本地项目与仓库中没有冲突,才 ...
    
		
    3. 
						
  3. VS2013中如何更改主题颜色(深色)和恢复默认的窗口布局
		
    1.通常情况下,我们会根据个人爱好更改VS2013的主题颜色,一开始我喜欢白色,后来我偏爱深色. 依次选择:工具->选项->常规->主题->深色->确定,ok 2.我们在 ...
    
		
    4. 
						
  4. Echarts主题颜色
		
    Echarts主题颜色搜集: 直接覆盖默认颜色即可 例如在 echarts.setOption({ '#2ec7c9','#b6a2de','#5ab1ef','#ffb980','#d87a80', ...
    
		
    5. 
						
  5. 更改jupyter notebook的单元格宽度和主题颜色(theme)
		
    一.单元格宽度 这个命令: jt -t gruvboxl -f roboto -fs 12 -cellw 100% -T -N 它将宽度设置为100% 二.主题颜色 在用jupyter noteboo ...
    
		
    6. 
						
  6. echarts更改坐标轴文字颜色及大小
		
    xAxis: { data: anameArr, axisLabel: { show: true, textStyle: { color: '#c3dbff', //更改坐标轴文字颜色 fontSiz ...
    
		
    7. 
						
  7. 【Windows 10 应用开发】跟随系统主题颜色
		
    有些时候,希望应用程序中的某些颜色可以与系统的主题颜色相同,并且当系统主题色改变时进行同步. 实现过程并不复杂,主要用到 UISettings 类,它公开一个 GetColorValue 方法,访问这 ...
    
		
    8. 
						
  8. vim主题颜色
		
    1.VIM主题 查看Vim示例当前的颜色主题 打开一个Vim窗口,输入命令:color或:colorscheme后回车查看当前的颜色主题. Vim实例中设置颜色主题 输入命令"colorsc ...
    
		
    9. 
						
  9. 使用CSS更改图标的颜色
		
    我们经常在很多网站上见到更改网站的主题时,图标的颜色也改变了,我们总是觉的这一项功能非常伟大,因为我们知道使用CSS是无法完成更改图片的颜色的.那么,网站上随心所欲的图标颜色是采用N多个图片不断的切换 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 【SPOJ 104】HIGH - Highways (高斯消元)
			
    题目描述 In some countries building highways takes a lot of time- Maybe that's because there are many po ...
    
			
    2. 
						
  2. JAVA学习之枚举
			
    1.新建一个枚举类 public enum Apple{ FUJI, PIPPIN, GRANNY_SMITH } 通过查看字节码,可以看到,枚举类的实现方式: 1)继承自java.lang.Enum ...
    
			
    3. 
						
  3. ubuntu 下jrtplib编译
			
    我本来想用最新的 jrtplib-3.9.1和jthread-1.3.1,可是最新的那两个版本中都是用cmake进行配置的,我搞了好久,查了好多资料也没有解决交叉编译的问题,无奈,只能选用比较老的两个 ...
    
			
    4. 
						
  4. 日志log配置理解
			
    实际生产中,每天都有大量的日志生成,单个文件(FileAppender)已经不能满足要求,RollingFileAppender继承了FileAppender,并提供了更多的功能: 每天生成一个日志文 ...
    
			
    5. 
						
  5. HDU 5171
			
    这道题本来很水,以前做过一样的,斐波那契数列,用矩阵快速幂的方法求,本来很水,以前做过很多次,为毛做的时候没想到T_T #include <iostream> #include <c ...
    
			
    6. 
						
  6. NEFU 2
			
    其实就是筛选素数. 如,若能被2是质数,则2的倍数全是合数.如此循环. #include <iostream> #include <math.h> #include <c ...
    
			
    7. 
						
  7. Cocos2d-x 3.0 红孩儿私家必修 - 第一章 初识Cocos2d-x 3.0project
			
    第一章    初识Cocos2d-x 3.0project Cocos2d-x 3.0出来了,听说与之前版本号相比修改较大 做为一个游戏开发人员.我们应该欢迎Cocos2d-x持续的更新和强大,Coc ...
    
			
    8. 
						
  8. Educational Codeforces Round 12 E. Beautiful Subarrays trie求两异或值大于等于k对数
			
    E. Beautiful Subarrays   One day, ZS the Coder wrote down an array of integers a with elements a1,   ...
    
			
    9. 
						
  9. zzulioj--1613--少活一年？（稍微有点坑，水！）
			
    1613: 少活一年? Time Limit: 1 Sec  Memory Limit: 128 MB Submit: 344  Solved: 70 SubmitStatusWeb Board De ...
    
			
    10. 
						
  10. 17. Letter Combinations of a Phone Number[M]电话号码的字母组合
			
    题目 Given a string containing digits from 2-9 inclusive, return all possible letter combinations that ...
    
			
    11.