echarts改变样式


1、改变X轴,Y轴颜色

yAxis:[
axisLine:{
                 lineStyle:{
                   color:'#1addeb',
                    // width:2,//这里是为了突出显示加上的
                 }
            },
]
xAxis:[
axisLine:{
                 lineStyle:{
                   color:'#1addeb',
                    // width:2,//这里是为了突出显示加上的
                 }
            },
]

2、改变坐标轴中先的颜色粗细

splitLine: {
              show: true,
              lineStyle: {
                color: '#3f6896',
                width: 1,
                opacity: 0.3
              }
            }

 3、修改提示框(tooltip)样式

链接:https://echarts.apache.org/zh/option.html#tooltip

 1 // 提示信息
 2                 tooltip: {
 3                     trigger: "axis",
 4                     axisPointer: {
 5                         type: "line",
 6                     },
 7                     formatter: function (params) {
 8                         // console.log(params)
 9                         return params[0].name + '<br/>' +params[0].seriesName+'' +params[0].value
10                     }
11                 },

 

 

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM