echarts图表鼠标悬浮显示数据

echarts图表鼠标悬浮显示数据option xAxis type category data Mon Tue Wed Thu Fri Sat Sun yAxis type value series data 120 200 150 80 70 110 130 type bar

在 option 配置里添加 tooltip

option = { 
    xAxis: { 
    type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { 
    type: 'value' }, series: [{ 
    data: [120, 200, 150, 80, 70, 110, 130], type: 'bar' }], tooltip: { 
    // 鼠标悬浮提示框显示 X和Y 轴数据 trigger: 'axis', backgroundColor: 'rgba(32, 33, 36,.7)', borderColor: 'rgba(32, 33, 36,0.20)', borderWidth: 1, textStyle: { 
    // 文字提示样式 color: '#fff', fontSize: '12' }, axisPointer: { 
    // 坐标轴虚线 type: 'cross', label: { 
    backgroundColor: '#6a7985' } }, } }; 
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/227822.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月16日 下午8:27
下一篇 2026年3月16日 下午8:27


相关推荐

  • linux tty0_linuxtty中文

    linux tty0_linuxtty中文创建iso目录作为制作LiveCD的根的目录,并在其中创建grub所需的目录#mkdir-pviso/{ttylinux,boot}#mkdir–pviso/boot/grub#cp-rv/usr/share/grub/i386-redhat/*iso/boot/grub将下载到的ttylinuxiso镜像文件挂载至某目录,并复制文件#mount-oloop/root/…

    2022年8月12日
    9
  • 你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法「建议收藏」

    百度那些不为人知的搜索语法,精准搜索,事半功倍;最后放了几个刺激的搜索实战案例。

    2022年4月15日
    48
  • Web开发 Cs和Bs架构

    Web开发 Cs和Bs架构CS架构:是指客户端与服务器举个例子:qq.exe文件在电脑上安装就可以看做是一个客户端,而数据就是从服务器发送过来的,优点在于,安全性能相对而言较高,缺点在于,对于不同的操作系统需要开发出不同版本的软件BS架构:是指游览器与服务器比如说qq.com可以在浏览器中直接访问优点在于,具有可移植性缺点在于,安全性能相对较低,以及与电脑自身的网速有关…

    2025年10月10日
    5
  • Java双亲委派机制

    Java双亲委派机制1 什么是双亲委派 虚拟机在加载类的过程中需要使用类加载器进行加载 而在 Java 中 类加载器有很多 那么当 JVM 想要加载一个 class 文件的时候 到底应该由哪个类加载器加载呢 这就不得不提到 双亲委派机制 首先 我们需要知道的是 Java 语言系统中支持以下 4 种类加载器 BootstrapCla 启动类加载器 ExtentionCla 标准扩展类加载器 ApplicationC 应用类加载器 UserClassLoa 用户自定义类加

    2026年3月17日
    2
  • Java main方法

    Java main方法publicstaticvoidmain(String[]args){}或者 publicstaticvoidmain(Stringargs[]){}main方法是我们学习Java语言学习的第一个方法,也是每个java使用者最熟悉的方法,每个Java应用程序都必须有且仅有一个main方法。在eclipse里可以使用输入main,在按住Alt+/的方式快速创建main方法

    2022年6月1日
    33
  • PHPProxy建立代理服务器

    PHPProxy建立代理服务器隆重介绍 PHPProxy 这个小软件 点这里访问它的下载页 它能将一个 PHP 空间变成一台代理服务器 代理的好处自然很多 绕过伟大的防火长城的域名劫持和 IP 禁止 如果有 SSL 还能绕过它的关键词审查 当然随着 wikipedia 和 sf 的解禁 至少对我来说可以暂时忽视 GFW 了 然而代理不仅仅如此 试想如果你有一个教育网电信网通互联的空间 却没有 SSH 权限来使用 SSHTunnel 看到了可以用一个

    2026年3月19日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号