首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何高亮显示散点图中的项目

如何高亮显示散点图中的项目
EN

Stack Overflow用户
提问于 2014-10-23 23:43:35
回答 1查看 316关注 0票数 1

是否有从图表外部高亮(更改颜色或大小)的散点图中的项目的方法。我有一个表格,其中行对应于图表中的项,而鼠标则对应于表中的一行,我想突出显示图表中的项目。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-10-23 23:50:02

下面是如何使用jQuery添加事件:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 400px"></div>

和:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var chart = new Highcharts.Chart({

    chart: {
        renderTo: 'container',
        defaultSeriesType: 'pie'
    },

    legend: {
        enabled: true
    },

    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },

    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]  ,
        showInLegend: true
    }]
});

// Apply events to text elements (SVG) and spans within the legend (VML + modern browsers with useHTML option).
$('.highcharts-legend text, .highcharts-legend span').each(function(index, element) {
    $(element).hover(function() {
        chart.tooltip.refresh(chart.series[0].data[index]);
    },function() {
        chart.tooltip.hide();
    })
});

演示

这是以编程方式做的

还有这个

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/26543525

复制
相关文章
如何使特定的数据高亮显示?
当表格里数据比较多时,很多时候我们为了便于观察数据,会特意把符合某些特征的数据行高亮显示出来。这不,公司的HR小姐姐就有这个需求,说她手头上有一份招聘数据,她想把“薪水”超过20000的行突出显示出来,应该怎么操作呢?
猴子聊数据分析
2020/02/26
5.6K0
如何让DevExpress TreeList的每个结点高亮显示?
原文地址:http://www.devexpresscn.com/devResources/page-18-78.html
跟着阿笨一起玩NET
2018/09/18
1.3K0
如何让DevExpress TreeList的每个结点高亮显示?
问与答126:如何高亮显示指定日期?
Q:在列A中是一系列日期,我如何操作,使得含有当天日期的单元格显示为红色,距离当天10天内的日期单元格显示为黄色?
fanjy
2021/06/01
2.1K0
问与答126:如何高亮显示指定日期?
Html中textarea高亮编辑显示代码插件
Html中textarea高亮编辑显示代码插件 一、web代码编辑高亮插件 一般在textarea中我们希望使用高亮编辑代码,那么如何可以做到高亮显示? 很多editor web编辑器都有类似的功能,但需要我们手动去修改插件的代码,因此我觉得很不好使!而codemirror这个完全是javascript插件,可以帮助我们实现代码高亮显示,并且在编辑时就可以看到高亮效果。 二、如何使用 压缩包中有很多demo,你可以进入里面查看例子是如何使用的,下面我介绍一下我是如何使用的。
蛋未明
2018/06/07
6.6K0
mac/linux中vim永久显示行号、开启语法高亮
注:如果是mac,更好的办法是直接换掉默认的终端,改用zsh,百度一下zsh,有很多教程,
菩提树下的杨过
2018/09/20
3.1K0
mac/linux中vim永久显示行号、开启语法高亮
react中实现搜索结果中关键词高亮显示
网上看到很多js实现的关键词高亮显示,方法都是一个道理,先获取要替换的文字区域,然后在用正则匹配到关键词,并进行替换。
蓓蕾心晴
2018/08/01
5.1K0
react中实现搜索结果中关键词高亮显示
如何高亮显示包含有数字的单元格?
大海:在Excel里判断一个文本是否包含数字稍为麻烦一点儿,可以用find函数查找的方式来实现,比如下面的公式计算了一个文本里的数字出现位置的总和:
大海Power
2021/08/30
8180
PowerBI 矩阵条件格式的高亮显示
在 PowerBI 中,矩阵的确是最强大而复杂的结构,为了突出显示各种信息,需要对内容来高亮显示。
BI佐罗
2020/11/02
5.5K0
PowerBI 矩阵条件格式的高亮显示
在RichTextBox中对关键字进行高亮显示
若要实现更复杂的功能,可以研究一下这个C#的IDE编辑器的代码。http://www.icsharpcode.net/OpenSource/SD/Default.aspx
跟着阿笨一起玩NET
2018/09/18
2.3K0
在RichTextBox中对关键字进行高亮显示
Excel图表学习62: 高亮显示图表中的最大值
在绘制柱状图或者折线图时,如果能够高亮显示图表中的最大值,将会使图表更好地呈现数据,如下图1所示,表示西区的柱状颜色与其他不同,因为其代表的数值最大。
fanjy
2019/12/23
2.5K0
问与答95:如何根据当前单元格中的值高亮显示相应的单元格?
Q:这个问题很奇怪,需要根据在工作表Sheet1中输入的数值高亮显示工作表Sheet2中相应的单元格。具体如下:
fanjy
2021/03/12
3.9K0
完美:C# Blazor中显示Markdown并添加代码高亮
昨天发了一篇介绍这个库:C# Blazor中显示Markdown文件,介绍怎么在Blazor中显示Markdown内容的文章,文章内的代码是没有高亮的,思来相去,还是要做好,于是百度到这篇文章.NET C# Blazor 服务端渲染Markdown,现在渲染效果如下:
沙漠尽头的狼
2022/03/26
1.7K0
完美:C# Blazor中显示Markdown并添加代码高亮
免插件让代码高亮显示
作者:matrix 被围观: 7,204 次 发布时间:2013-08-01 分类:Wordpress 兼容并蓄 零零星星 | 一条评论 »
HHTjim 部落格
2022/09/26
8900
免插件让代码高亮显示
【有人@我】Android中高亮变色显示文本中的关键字
应该是好久没有写有关技术类的文章了,前天还有人在群里问我,说群主很长时间没有分享干货了,今天分享一篇Android中TextView在大段的文字内容中如何让关键字高亮变色的文章 ,希望对大家有所帮助,我终于在歪路上回归正途了。这个篇文章在平时应该还算比较常用吧,如果你会了,就不用看了,如果还不会,可以看一眼,非常简单。 今天分享的文章大概内容是在TextView中如何使大段的文字内容中关键字变色高亮显示的,分为一个关键字高亮变色显示和多个关键字一起高亮变色显示。我已经封装成了KeywordUtil工具类,可
非著名程序员
2018/02/02
1.6K0
【有人@我】Android中高亮变色显示文本中的关键字
Dygraphs 中的高亮区间
比如下面,我绘制一个距离与点(100, 20)距离,且宽高分别是 200,150 的矩形:
Jimmy_is_jimmy
2022/09/21
5540
Dygraphs 中的高亮区间
WPJAM「代码高亮」:一键实现 WordPress 页面代码高亮显示
这个就是为了测试微信公众号付费功能特意写的插件,非常有诚意,😎 哈哈,今天更加诚意一点,特意写一篇详细的 WPJAM「代码高亮」插件使用教程。 WPJAM「代码高亮」插件特别之处 现在大部分代码高亮的插件都是使用 prism 这个代码高亮 JS 库来实现的,WPJAM「代码高亮」插件也是,只是之前是纯代码方式写到主题里面,今天就把它整理了一下,做成一个插件。 整个插件自己写的代码只有不到 30 行,就是利用 WordPress 的 wp_enqueue_scripts 接口让页面加载 prism 的样式和脚
Denis
2023/04/13
1.8K0
WPJAM「代码高亮」:一键实现 WordPress 页面代码高亮显示
Nginx配置文件语法高亮显示
Nginx安装完成后的配置文件是没有语法高亮的,这可能在配置起来有点棘手因为并不知道是否书写正确当然如果能相信自己每次填写配置文件都可以做到无错可以不用做这些。按照一下方式可以对配置文件进行高亮语法显示。
星哥玩云
2022/07/03
1.7K0
Nginx配置文件语法高亮显示
vim显示行号、语法高亮、自动缩进的设置
在UBUNTU中vim的配置文件存放在/etc/vim目录中,配置文件名为vimrc  在Fedora中vim的配置文件存放在/etc目录中,配置文件名为vimrc 在Red Hat Linux 中vim的配置文件存放在/etc目录中,配置文件名为vimrc set nocompatible "去掉有关vi一致性模式,避免以前版本的bug和局限 set nu! "显示行号 set guifont=L
用户1214487
2018/05/28
4.6K0
点击加载更多

相似问题

高亮显示散点图中的特定点(根据条件)

28

高亮显示:工具提示显示样条曲线,但不显示散点图

10

Android持续高亮显示的项目-如何?

22

如何保持项目菜单的高亮显示

40

如何高亮显示图库中当前选中的项目?

20
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文