码迷,mamicode.com
首页 > 其他好文 > 详细

echarts常用的配置项

时间:2017-12-29 18:58:07      阅读:131      评论:0      收藏:0      [点我收藏+]

标签:bottom   class   lin   配置   orm   自己   grid   tooltip   show   

最近使用echarts可视化的业务,但是有一些配置项需要修改,把这段时间的学习总结一下

1. 修改默认配置

 a. 去掉分割线和网格线,在xAxis或者yAxis中设置  

    splitLine: {
        show: false
    }

 b. 修改标题背景和颜色

      

title: {
        backgroundColor: ‘#fff‘,
        textStyle: {
            fontWeight: ‘normal‘,
            color: ‘#ff00ff‘
        }
    }

 c. 设置坐标轴字体颜色和宽度,在xAxis或者yAxis中设置即可

    

axisLine:{
             lineStyle:{
                        color:‘yellow‘,
                        width:2
                    }
         }

 d. 设置图形在页面出现的位置(一般处于中间)用于解决空间过小

   

grid: {
         left: ‘3%‘,
         right: ‘4%‘,
         bottom: ‘3%‘,
         containLabel: true,
         y: 10 // 设置从y为10开始
    }

e:设置y,x轴不显示

xAxis: {
            show: false
     },
  yAxis: {
          show: false
        }

f:y轴刻度线不显示,但是y轴字段显示

yAxis: {
        axisTick:{
                    show:false
                },
        axisLine:{
                    lineStyle:{
                        color:‘#FF7B24‘,
                        width:0
                    }
                }
    }

d:设置tooltip提示框:

  formatter 函数可以格式化默认的显示,用户可以在里面实现自己的显示数据

echarts常用的配置项

标签:bottom   class   lin   配置   orm   自己   grid   tooltip   show   

原文地址:https://www.cnblogs.com/goddess/p/8145795.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!