首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何仅在选定的点上具有数据标签

如何仅在选定的点上具有数据标签
EN

Stack Overflow用户
提问于 2013-06-28 00:00:08
回答 1查看 2.3K关注 0票数 2

我有一个带有几个点的图表,我希望dataLabels只出现在用户选择的那些点上。

我尝试了几个版本,但dataLabels似乎要么打开,要么关闭(有一个选项可以在系列本身中声明数据标签,但这不会对选定的事件做出响应)。

非常感谢

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-06-28 00:53:27

下面是如何切换dataLabels的显示。您需要显式地将每个点的dataLabels选项设置为false (据我所知)。然后添加一个events选项,并执行以下操作:

代码语言:javascript
运行
复制
plotOptions: {
    series: {
        cursor: 'pointer',
        point: {
            events: {
                click: function () {
                    this.options.dataLabels.enabled = !this.options.dataLabels.enabled;
                    this.update();
                }
            }
        }
    }
},

这是一个更新的jsFiddle。请注意,如果您选取除前两个点之外的任何其他点,则会失败并给出错误。

不是“动态”的老答案:

您只需为要启用的点启用dataLabels即可。Example

代码语言:javascript
运行
复制
series: [{
            data: [29.9, 71.5, {
                y: 106.4,
                dataLabels: {
                    enabled: true
                }
            },
            129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
        }]
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17347927

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档