1.首页需要设置legend

legend: {
data: ["积极", "负面"],
selectedMode: false,
show: false
}
let index = 0;
var myCharts = this.$echarts.init(document.getElementById(this.id));
var option = {
title: {
text: this.title,
left: "center",
bottom: "0%",
textStyle: {
color: "#fff"
}
},
legend: {
data: ["积极", "负面"],
selectedMode: false,
show: false
},
tooltip: {
trigger: "item",
formatter: "{a} <br/>{b}: {c} ({d}%)"
},
series: [
{
name: "",
type: "pie",
radius: ["50%", "80%"],
center: ["50%", "40%"],
avoidLabelOverlap: false,
// selectedMode: "single",
label: {
normal: {
show: false,
position: "center",
formatter: "{d}%",
textStyle: {
color: "#fff"
}
},
emphasis: {
show: true,
textStyle: {
fontSize: "16",
fontWeight: "bold"
}
}
},
itemStyle: {
normal: {
// color: "#c23531",
color: params => {
//自定义颜色
var colorList = ["#60bce0", "#274170"];
return colorList[params.dataIndex];
},
borderWidth: 1,
borderColor: "#fff"
}
},
labelLine: {
normal: {
show: false
}
},
data: this.pieData
}
]
};
myCharts.setOption(option);
myCharts.dispatchAction({
type: "highlight",
seriesIndex: 0,
dataIndex: 0
}); //设置默认选中高亮部分
myCharts.on("mouseover", function(e) {
if (e.dataIndex != index) {
myCharts.dispatchAction({
type: "downplay",
seriesIndex: 0,
dataIndex: index
});
}
});
myCharts.on("mouseout", function(e) {
index = e.dataIndex;
myCharts.dispatchAction({
type: "highlight",
seriesIndex: 0,
dataIndex: e.dataIndex
});
});

最新文章

  1. word-spacing汉字不起作用的解决方法
  2. mapReduce编程之Recommender System
  3. Reflector反编译.NET文件后修复【转】
  4. 【CodeForces 620D】Professor GukiZ and Two Arrays
  5. Python顺序集合之 tuple
  6. sql server 查询数据库所有的表名+字段
  7. xxx
  8. 【BZOJ 1791】 [Ioi2008]Island 岛屿
  9. AM335x(TQ335x)学习笔记——u-boot-2014.10移植
  10. bzoj1003
  11. jQuery:图片自动变换
  12. 11 个简单的 Java 性能调优技巧
  13. Vulkan API基本概念
  14. JNI设置C++与java的结合(2)
  15. Solve Error: &quot;errcode&quot;: 40016, &quot;errmsg&quot;: &quot;invalid button size hint&quot;
  16. Arduino IDE for ESP8266 项目云盒子 (1)AP直接模式
  17. HTTP协议学习笔记(三)
  18. centos 打包报错Can&#39;t connect to X11 window server using &#39;:0.0&#39; as the value of the DISPLAY variable.
  19. Kafka分布式集群部署
  20. 第 14 章 结构和其他数据形式(enum枚举)

热门文章

  1. Servlet学习:实现分页效果的方法
  2. C#委托(Action、Func、predicate)
  3. union (共用声明和共用一变量定义)
  4. LaTex学习笔记(一):review
  5. Java知多少(111)数据库之修改记录
  6. tableviewcell边距和设置值不符
  7. 遇到double 数目过大,转String变成科学计数法
  8. poj 1562 Oil Deposits (广搜,简单)
  9. ExtJS简单的动画效果(ext js淡入淡出特效)
  10. Windows平台分布式架构实践负载均衡
  11. webpack以及loader 加载命令
  12. 随聊——Python的前世今生
  13. python网络编程(进程与多线程)
  14. Struct_2路径问题
  15. __x__(37)0909第五天__背景图按钮
  16. knn算法的c语言实现
  17. ORA-01440 要减小精度或者标度.则要修改的列必须为空.
  18. jemter模拟高并发访问(亲测ok)
  19. Mac idea error=13, Permission denied
  20. vuex使用modules namespaced 后,模块名不同,函数名相同时候在组件中分发Action