echarts自定义tooltip样式

修改echarts的tooltip样式

echarts自定义tooltip样式_第1张图片

    let option={
         title:{
              text:'反馈问题处\n理不及时',// 使用\n可以文字换行,
              left:'30%',  
              top:'50%',
              textStyle:{
                   color:'#fff',
                   fontSize:10
              },
          tooltip:{
                trigger:'item',
                backgroundColor:'#017D7D‘,  // 修改背景颜色
                borderColor:'#66FFFF',  // 修改字体颜色
                formatter:function(params){  //使用formatter函数修改需要的样式
                        let res=""
                        res+='
'+ '
'+''+''+params.serieName+'-'+''+params.name+''+'
'+ '
'+''+params.value+''+'
' +'
' return res } } }

你可能感兴趣的:(vue.js,javascript,前端)