大数据-图表插件-echarts 样式修改（迭代）

修改折线图大小

 　　　　　　　　　　　　myChart.setOption({  

         　　　　　　　title:{

                    text:"价格指数"

                },

                grid:{

                    x:25,    

                    y:45,

                    x2:5,

                    y2:20,

                    borderWidth:1

                },

                ....

 

饼图修改颜色

 

1. option = {  
2.         title : {  
3.         text: '全局指标状态分布图',  
4.                x:'left',  
5.                y:'top'  
6.         },  
7.         tooltip : {  
8.                show: true,  
9.                formatter: "{a} <br/>{b} : {c} ({d}%)"  
10.         },  
11.         color:['red', 'green','yellow','blueviolet']  
12. }

 

 tooltip 提示换行

 

　　　 itemStyle: {
         　　  normal:{
             　　　　label:{
            　　　　 show:true,
             　　　　formatter: '{b} : {c} \n ({d}%)'
             　　},
            　　 labelLine:{
            　　 show:true
            　　 }
             },

修改 X 轴,Y 轴 颜色，粗细

xAxis : [
                {
                    type : 'category',
                    data : ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'],    
                    //设置轴线的属性
                    axisLine:{
                        lineStyle:{
                            color:'#FF0000',
                            width:8,//这里是为了突出显示加上的
                        }
                    } 
                }
            ],
            yAxis : [
                {
                    type : 'value',
                    //设置轴线的属性
                    axisLine:{
                        lineStyle:{
                            color:'#00FF00',
                            width:8,//这里是为了突出显示加上的
                        }
                    } 
                }

 

 

 

转载于:https://www.cnblogs.com/hai-cheng/p/7284146.html