当前位置:网站首页 > R语言数据分析 > 正文

echarts隐藏坐标轴,以及控制柱状图颜色

echarts隐藏坐标轴方法:

xAxis : [{ show : false, //设置为true时候显示 }], yAxis : [{ show : false, }]

echarts控制柱状图颜色方法:

series : [{ name: '数量', type: 'bar', itemStyle: { normal: { //好,这里就是重头戏了,定义一个list,然后根据所以取得不同的值,这样就实现了, color: function(params) { // build a color map as your need. var colorList = [ '#C1232B','#B5C334','#FCCE10','#E87C25','#27727B', '#FE8463','#9BCA63','#FAD860','#F3A43B','#60C0DD', '#D7504B','#C6E579','#F4E001','#F0805A','#26C0C0' ]; return colorList[params.dataIndex] },     //以下为是否显示,显示位置和显示格式的设置了 label: { show: true, position: 'top', //formatter: '{c}' formatter: '{b}\n{c}' } } }, //设置柱的宽度,要是数据太少,柱子太宽不美观~ barWidth:70, data: [28,15,9,4,7,8,23,11,17] }]

 

到此这篇echarts隐藏坐标轴,以及控制柱状图颜色的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • iframe实现高度自适应2024-11-29 15:09:08
  • Echarts相关属性2024-11-29 15:09:08
  • 移动端transform: translate(-50%, 0)的兼容写法2024-11-29 15:09:08
  • 控制台报错:Browserslist: caniuse-lite is outdated. Please run next command `yarn upgrade`2024-11-29 15:09:08
  • nrm的安装与配置及问题修复2024-11-29 15:09:08
  • ElementUI checkbox组件中的indeterminate 状态2024-11-29 15:09:08
  • Cesium基于czml billboard的模型转向2024-11-29 15:09:08
  • ElementUI 之 Cascader 级联选择器回显2024-11-29 15:09:08
  • InputNumber 计数器 连续点击一定时间内只允许执行一次2024-11-29 15:09:08
  • ElementUI遍历生成Form表单2024-11-29 15:09:08
  • 全屏图片