柱状图lengend柱上标题设置,鼠标移上tooltip数值设置

例如:把之前的柱状图数据改成百分比:

鼠标移上去的文字配置

在option内 series同级添加配置:

tooltip: {
          //提示配置项
          trigger: "axis",
          axisPointer: {
            type: "shadow",
          },
          formatter:"{b} : {c}%"
        },

其中formatter:代表

柱状图上文字配置:

复制代码
var seriesLabel = {
  normal: {
    show: true,
    color: "#0FEBFF",
    // textBorderColor: '#333',
    // textBorderWidth: 2
    position: "right",
    fontSize: "16px",
    formatter: "{c}%",
  },
};
series:[{
 label: seriesLabel,
}]
复制代码

效果:

posted @   少哨兵  阅读(419)  评论(0编辑  收藏  举报
编辑推荐:
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!
点击右上角即可分享
微信分享提示