Echarts自定义提示框内容，每个堆叠柱状显示不同的内容

最新推荐文章于 2025-03-24 18:40:53 发布

Mr.LJie

最新推荐文章于 2025-03-24 18:40:53 发布

阅读量1k

点赞数

分类专栏： ECharts

本文链接：https://blog.csdn.net/LiuQjie/article/details/115179955

版权

图表 JavaScript 数据可视化 tooltip 自定义格式

关键词由CSDN通过智能技术生成

ECharts 专栏收录该内容

4 篇文章

订阅专栏

tooltip: {
   formatter: function (params) {
    //x轴的名称
  	var htmlStr = params.name + '<br/>';
   		htmlStr += '<div>';
           //为了保证和原来的效果一样，复制的是：param.marker的源码，圆点样式：param.color
       	htmlStr += '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:' + params.color + ';"></span>';
       //圆点后面显示的名称
       	htmlStr += params.seriesName + '：' + params.value;
       	htmlStr += '</div>';
    return htmlStr;
  }
}