zoukankan      html  css  js  c++  java
  • echarts修改X,Y轴上的颜色

     分为2.0和3.0

    一、2.0

      修改的代码:

        x轴:

          

    xAxis : [
                        {
                            type : 'category',
                            data : ['<30','30-','40-','50-','60-','>=70'],
                            axisLabel: {
                                show: true,
                                textStyle: {
                                    color: '#fff'
                                }
                            }
                        }
                    ]

     

          y轴:

            

    yAxis : [
                        {
                            type : 'value',
                            name : '%',
                            axisLabel : {
                                formatter: '{value}',
                                textStyle: {
                                    color: '#fff'
                                }
                            }
                        }
            ]

     

          实例地址:http://echarts.baidu.com/echarts2/doc/example/bar5.html  

    二、3.0

     

      修改的代码:

        

    axisLabel : { // 坐标轴小标记
                    textStyle : { // 属性lineStyle控制线条样式
                        fontWeight : 'bolder',
                        color: '#f00',
                        shadowColor : '#f00', // 默认透明
                        shadowBlur : 10,
                        fontSize : 10
                    }
                },

     

         实例地址: http://echarts.baidu.com/demo.html#bar-negative

     

      

     

     

     

  • 相关阅读:
    图的广度优先搜索
    图的深度遍历
    图的邻接表的实现
    求1+2!+3!+...+20!的和。
    CSS用户界面样式
    CSS三角
    CSS字体图标技术
    CSS精灵技术
    CSS元素的显示和隐藏
    CSS定位
  • 原文地址:https://www.cnblogs.com/xiaomili/p/6970193.html
Copyright © 2011-2022 走看看