ECharts 柱形图设置悬浮样式

1、找到360浏览器双击打开

2、打开百度浏览器

3、输入Echarts点击搜索

4、点击进入Echarts官网

5、找到社区选择Gallery

6、打开页面选择柱状图筛选条件

7、进入页面在tooltip自定义展现形式

tooltip: {

  trigger: 'item',

  formatter: function (params) {

    var color = params.color;

    var htmlStr ='<div>';

    htmlStr += params.name + '<br/>';

    htmlStr += '<span style="margin-right:5px;display:inline-block;width:10px;height:10px;border-radius:5px;background-color:'+color+';"></span>';

    htmlStr += params.seriesName + '：'+params.value + '笔';

    htmlStr += '</div>';

    return htmlStr; 

  }

}