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. OOA，OOD，OOP区别
			
    定义: OOA(Object-Oriented Analysis,面向对象分析方法) OOD(Object-Oriented Design,面向对象设计) OOP(Object Oriented Pr ...
    
			
    2. 
						
  2. Hive sql
			
    1.DDL操作 1.1 建表 CREATE [EXTERNAL] TABLE [IF NOT EXISTS] table_name [(col_name data_type [COMMENT col_ ...
    
			
    3. 
						
  3. 基于【SpringBoot】的微服务【Jenkins】自动化部署
			
    最近,也是抽空整理了一些在工作中积累的经验,通过博客记录下来分享给大家,希望能对大家有所帮助: 一.关于自动化部署 关于自动化部署的优点,我就不在这里赘述了:只要想想手工打包.上传.部署.重启的种种, ...
    
			
    4. 
						
  4. xml01 验证
			
    xml 验证 拥有正确的格式的xml是"形势良好"的xml 通过DTD验证的xml是"合法的"xml
    
			
    5. 
						
  5. WCF4.0 知识点
			
    一些基础概念 SOAP:Simple Object Access Protocol,简单对象访问协议,基于XML的可扩展消息信封格式,需同事绑定一个网络传输协议. UDDI:用来发布和搜索web服务的 ...
    
			
    6. 
						
  6. windows无法开机解决方法
			
    电脑启动弹出错误Ntldr is missing , 解决方法:重新从xp中拷贝一个出来粘贴上就行 电脑启动弹出错误Ntldr is compressed ,表示分区中的文件被压缩了 解决方法:首先把 ...
    
			
    7. 
						
  7. 转载：手游安全破“黑”行动：向黑产业链说NO
			
    目前的手游市场已被称为红海.从业界认为的2013年的“手游元年”至今,手游发展可谓是既经历了市场的野蛮生长,也有百家争鸣的战国时代.如今,手游市场竞争已趋白热化,增长放缓.但移动互联网的发展大势之下, ...
    
			
    8. 
						
  8. Android面试题集
			
    前几天整理了Java面试题集合,今天再来整理下Android相关的面试题集合.假设你希望能得到最新的消息,能够关注https://github.com/closedevice/interview-ab ...
    
			
    9. 
						
  9. Android 获取屏幕截图 和保存到本地的sd卡路径下
			
    /** * 获取和保存当前屏幕的截图 */ private void GetandSaveCurrentImage() { //1.构建Bitmap WindowManager windowManag ...
    
			
    10. 
						
  10. [C#] 怎样分析stackoverflow等clr错误
			
    有时候由于无限递归调用等代码错误,w3wp.exe会报错退出.原因是clr.exe出错了. 这样的错误比較难分析,由于C#代码抓不住StackOverflowException等异常. 处理方法是:生 ...
    
			
    11.