关于echarts中饼图设置颜色的方法

关于echarts中饼图设置颜色的方法

第一种方式：

color:['#FE8463', 'red', 'green']

第二种方式：

//itemStyle: {//    normal: {//    color: function(params) {//自定义颜色
//            var colorList = [
//            '#FE8463', 'red', 'green'
//            ];
//            return colorList[params.dataIndex]
//        }
//   }
// }
option = {title: {text: 'Referer of a Website',subtext: 'Fake Data',left: 'center'},legend: {orient: 'vertical',left: 'left'},series: [{name: 'Access From',type: 'pie',radius: '50%',data: [{ value: 1048, name: 'Search Engine' },{ value: 735, name: 'Direct' },{ value: 580, name: 'Email' },{ value: 484, name: 'Union Ads' },{ value: 300, name: 'Video Ads' }],emphasis: {itemStyle: {normal: {color: function(params) {//自定义颜色var colorList = ['#FE8463', 'red', 'green'];return colorList[params.dataIndex]}},shadowBlur: 10,shadowOffsetX: 0,shadowColor: 'rgba(0, 0, 0, 0.5)'}}}]
};

第三种方式：itemStyle:{color:‘red’}

    series: [{data: [{ value: 1048, name: 'Search',itemStyle:{color:'red'} }{ value: 735, name: 'Direct',itemStyle:{color:'green'} }]}]

关于echarts中饼图设置颜色的方法相关推荐

echarts饼图解析html标签,解决echarts中饼图标签重叠的问题
饼图中的series有个avoidLabelOverlap属性, avoidLabelOverlap:是否启用防止标签重叠策略,默认开启,在标签拥挤重叠的情况下会挪动各个标签的位置,防止标签间的重叠. ...
echart饼图标签重叠_解决echarts中饼图标签重叠的问题
饼图中的series有个avoidLabelOverlap属性, avoidLabelOverlap:是否启用防止标签重叠策略,默认开启,在标签拥挤重叠的情况下会挪动各个标签的位置,防止标签间的重叠. ...
echarts中markline设置后，前端其他数据都显示了，就是不显示markline，请求赐教
Echarts菜鸟,刚刚开始学习,请问echarts中markline设置后,前端其他数据都显示了,就是不显示markline,就是不显示警戒线!!!!请求大神赐教 option5 = { toolt ...
echarts中饼图的指示线前加圆点
echarts中饼图的指示线加圆点 echart中饼图的指示线加圆点,圆点的颜色与指示线的颜色一致 let data = [{"name": "业务1",&qu ...
php curl修改ip,php中curl设置ip的方法
php中curl设置ip的方法发布时间:2020-08-28 09:44:57 来源:亿速云阅读:84 作者:小新 php中curl设置ip的方法?这个问题可能是我们日常学习或工作经常见到的.希望 ...
echart折线图，柱状图，饼图设置颜色
转载: 之前在做报表的时候用过echart 用完也就完了,而这次在用的时候已经忘了,所以这里简单记录一下,好记性不如烂笔头!!! 1.折线图修改颜色: [javascript] view plain ...
MFC中改变按钮颜色的方法
本文参考学习 https://blog.csdn.net/zxccaoya/article/details/54142523 而来. 这里介绍mfc 中改变按钮颜色的最简单方法. 使用CMFCButt ...
echarts中饼图的异步数据加载绘制
ECharts 中实现异步数据的更新非常简单,在图表初始化后不管任何时候只要通过 jQuery 等工具异步获取数据后通过 setOption 填入数据和配置项就行,但是从后台异步获取数据后,需要在前台 ...
echarts中饼图显示百分比
通过echarts制作饼图,需要通过鼠标移动到对应的扇形才能才看数值和百分比. 解决这个问题参考的是将鼠标移动到扇形上的显示方法: tooltip : { trigger: ...
Android Studio中如何设置颜色拾色器工具
Android Studio如何设置颜色拾色器工具Color Picker? 你可能下载过一些获取颜色值的一些小工具, 这种方式获取颜色,需要先切换窗口转跳到桌面,然后打开拾色器小工具程序,然后去拾取 ...

关于echarts中饼图设置颜色的方法

关于echarts中饼图设置颜色的方法相关推荐

最新文章

热门文章