在visualMap下面新增pieces和inRange属性
visualMap: {
show: false,
//数据区间
pieces: [
{ gte: 40000},
{ gte: 5000, lte: 39999},
{ gte: 500, lte: 4999},
{ gte: 10, lte: 499},
{ lte: 9}
],
//根据区间定义颜色
inRange: {
color: ['#74e9fd', '#58b3f9', '#468df7', '#8d4bc9', '#ea6661']
}
},
这样就能看到自己想要的颜色了!
以上是编程学习网小编为您介绍的“百度echarts:3d柱状图根据数据多少显示不同颜色”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:百度echarts:3d柱状图根据数据多少显示不同颜色


猜你喜欢
- 通过position定位实现div底端对齐 2023-12-14
- 细说CSS中margin属性的使用 2023-12-14
- [使用Vue中的devServer.proxy代理跨域请求时的坑及奇妙的解决方法] POST 请求被转为了 GET 请求,并且传入的参数也被清除了。但是使用Postman测试接口时完全正常 2023-10-08
- ES6新语法之解构实践指南 2024-02-13
- vue中关于checkbox使用的问题 2023-07-10
- 关于javascript:在基于TypeScript的Vue中将vuex状态和 2022-09-16
- 基于HTML+JavaScript实现中国象棋 2022-08-31
- 基于Jquery实现焦点图淡出淡入效果 2024-02-06
- Ajax动态为下拉列表添加数据的实现方法 2023-01-26
- CSS 完美兼容IE6/IE7/FF的通用hack方法 2023-12-13