• echarts之tooltip 提示框组件配置


    tooltip:提示框组件,用于配置鼠标滑过或点击图表时的显示框。
    tooltip: {
    show: true, // 是否显示
    trigger: 'axis', // 触发类型 'item'图形触发:散点图,饼图等无类目轴的图表中使用; 'axis'坐标轴触发;'none':什么都不触发。
    axisPointer: { // 坐标轴指示器配置项。
    type: 'shadow', // 'line' 直线指示器 'shadow' 阴影指示器 'none' 无指示器 'cross' 十字准星指示器。
    axis: 'auto', // 指示器的坐标轴。
    snap: true, // 坐标轴指示器是否自动吸附到点上
    },
    // showContent: true, //是否显示提示框浮层,默认显示。
    // triggerOn: 'mouseover', // 触发时机 'mouseover'鼠标移动时触发。 'click'鼠标点击时触发。 'mousemove|click'同时鼠标移动和点击时触发。
    // enterable: false, // 鼠标是否可进入提示框浮层中,默认为false,如需详情内交互,如添加链接,按钮,可设置为 true。
    renderMode: 'html', // 浮层的渲染模式,默认以 'html 即额外的 DOM 节点展示 tooltip;
    backgroundColor: 'rgba(50,50,50,0.7)', // 提示框浮层的背景颜色。
    borderColor: '#333', // 提示框浮层的边框颜色。
    borderWidth: 0, // 提示框浮层的边框宽。
    padding: 5, // 提示框浮层内边距,
    textStyle: { // 提示框浮层的文本样式。
    color: '#fff',
    fontStyle: 'normal',
    fontWeight: 'normal',
    fontFamily: 'sans-serif',
    fontSize: 14,
    },
    extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);', // 额外附加到浮层的 css 样式
    confine: false, // 是否将 tooltip 框限制在图表的区域内。
    // formatter: '{b} 的成绩是 {c}'
    formatter: function(arg) {
    return arg[0].name + '的分数是:' + arg[0].data
    }
    },

  • 相关阅读:
    Django笔记:上下文处理器和中间件
    Django笔记:Cookie和Session
    redhat 7.4从openssh7.6离线升级openssh8.4p1解决方法
    “应用程序无法正常启动(0xc000007)”处理办法
    "安装VMware Tools"显示灰色的解决办法
    redis 根据模板批量生成使用不同端口的配置文件并运行运行服务
    扩展 docker 管理命令
    shell getopt 讲解
    编写 Redis 测试 shell 脚本
    自定义 shell 软件安装脚本
  • 原文地址:https://www.cnblogs.com/yushaohua/p/15107636.html
Copyright © 2020-2023  润新知