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

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

鼠标移上去的文字配置

在option内 series同级添加配置:

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

其中formatter:代表

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

柱状图上文字配置:

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

效果:

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

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

上一篇:如何在Rust中打印变量的类型及类型转换实践


下一篇:cs11_c++_lab4a