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. [caffe] caffe训练tricks
			
    Tags: Caffe Categories: Tools/Wheels --- 1. 将caffe训练时将屏幕输出定向到文本文件 caffe中自带可以画图的工具,在caffe路径下: ./tools ...
    
			
    2. 
						
  2. Arduino基本函数介绍
			
    转载自http://cnlearn.linksprite.com/?p=5248#.VwZrzvl95hE 数字 I/O (1)pinMode(pin, mode) 数字IO 口输入输出模式定义函数, ...
    
			
    3. 
						
  3. [Angular] ngx-formly (AKA angular-formly for Angular latest version)
			
    In our dynamic forms lessons we obviously didn’t account for all the various edge cases you might co ...
    
			
    4. 
						
  4. hdu3966_树链剖分
			
    近期在强化知识点深度.发现树链剖分不是非常会写了. 回想一下改动操作: 若两个点在同一条链上,则直接改动这段区间. 若不在同一条链上,改动深度较大的点到其链顶端的区间,同一时候将这个点变为他所在链顶端 ...
    
			
    5. 
						
  5. cocos2d-x 3.2 之 2048 —— 第五篇
			
    ***************************************转载请注明出处:http://blog.csdn.net/lttree************************** ...
    
			
    6. 
						
  6. qq邮箱的SMTP服务器是什么
			
    qq邮箱的SMTP服务器是什么 QQ邮箱POP3 和 SMTP 服务器地址设置如下:POP3服务器地址为“pop.qq.com”,SMTP服务器地址为“smtp.qq.com”注:1.SMTP服务器需 ...
    
			
    7. 
						
  7. UESTC--1263--The Desire of Asuna（贪心）
			
    The Desire of Asuna Time Limit: 1000MS   Memory Limit: 65535KB   64bit IO Format: %lld & %llu Su ...
    
			
    8. 
						
  8. java.lang.NoClassDefFoundError: javax/servlet/ServletInputStream
			
    转自:https://blog.csdn.net/y970105/article/details/355401 进入 tomcat根目录/lib/servlet-api.jar复制出来,放到JDK_P ...
    
			
    9. 
						
  9. Jenkins+Docker部署Maven聚合工程
			
    这几天,把公司的预发布环境,改成docker部署,遇到了一些坑,有jenkins里的部署脚本的问题,也有harbor仓库的问题,还有docker远程访问的问题,还有DooD....一堆坑 Jenkin ...
    
			
    10. 
						
  10. C#中网络通信
			
    一.服务端代码 using System; using System.Collections.Generic; using System.Linq; using System.Net; using S ...
    
			
    11.