请选择 进入手机版 | 继续访问电脑版

红手套

 找回密码
 免费注册
搜索
热搜: 活动 交友 discuz
查看: 2915|回复: 0

echart如何设置饼图的颜色以及柱状图颜色

[复制链接]

307

主题

308

帖子

1584

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1584
发表于 2017-4-19 15:27:20 | 显示全部楼层 |阅读模式
1.设置饼图颜色
var  option = {
                            tooltip: {
                                trigger: 'item',
                                formatter: "{a} <br/>{b}: {c} ({d}%)"
                            },
                            //设置饼图的颜色
                            color:['#f6da22'],

                            legend: {
                                orient: 'vertical',
                                x: 'left',
                                data:['柴油','汽油','附属油'],
                                show:false
                            },
                            series: [
                                {
                                    name:'交易量',
                                    type:'pie',
                                    radius: ['22%', '40%'],
                                    data:[
                                        {value:35, name:'柴油35%'},
                                        {value:20, name:'汽油20%'},
                                        {value:45, name:'附属油45%'}
                                    ],
                                    label: {
                                        normal: {
                                            textStyle: {
                                                color: '#333'
                                            }
                                        }
                                    },
                                    
                                }
                            ]
                        };
2.设置柱状图颜色
data:[5, 6, 4, 2, 7, 8, 6, 5, 7, 5, 6, 8, 4, 6, 5, 6],
itemStyle:{
       normal:{
         color:'#32CD32',
         }
  }
  标签:红手套
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 免费注册

本版积分规则

QQ|Archiver|手机版|小黑屋|红手套  

GMT+8, 2020-9-30 16:01 , Processed in 0.176404 second(s), 38 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表