Echarts之tooltip自定义样式设置

667 阅读1分钟
tooltip: { 
    className: 'custom-tooltip', 
        formatter: (params) => { 
            return `<div class="info"> 
                // 里面的内容根据实际开发情况来写 
            </div>` 
    } 
} 


/deep/ .curtom-tooltip { 
    // 如果不需要,可以去掉tooltip自带的默认样式 
    border: none !important; 
    background: transparent !important; 
    padding: 0 !important; 
    .info { 
        // 根据实际的样式去写 
    } 
}

(该tooltip自定义样式适用于所有的echarts图,如折线图、柱状图、饼图等等)