问题悬停图例上的Highchart显示/隐藏数据标签

马赫迪·约瑟夫(Mahdi Yousef)

通过鼠标悬停在依赖的图例系列上的此Highchart显示/隐藏数据标签的示例;

 plotOptions: {
        series: {
            dataLabels: {
                enabled: true
            },
            events: {
                mouseOver: function(event) {
                    $.each(this.data, function(i, point){
                        point.dataLabel.show();
                    });
                },
                mouseOut: function(event) {
                    $.each(this.data, function(i, point){
                        point.dataLabel.hide();
                    });
                }
            }
        }
    },

但是很难在普通位置显示数字。

如何解决这个问题!

提前致谢。

样本:JSFiddle

pot

您需要启用allowOverlap数据标签选项:

plotOptions: {
  series: {
    dataLabels: {
      enabled: true,
      allowOverlap: true
    },
    ...
  }
}

现场演示: http : //jsfiddle.net/BlackLabel/72r5kfcn/

API参考: https //api.highcharts.com/highcharts/series.line.dataLabels.allowOverlap

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何隐藏highChart plotLine标签直到鼠标悬停?

Chart.js-悬停标签以显示x轴上所有数据点的数据

鼠标悬停在栏上时如何显示标签

chartJs:当我将鼠标悬停在一个点上时,我想显示两个数据集图例吗?

Chartjs:是否可以在轴上隐藏数据标签,但在悬停时显示在图形上?

在更新时隐藏/显示数据标签

在图例上显示/隐藏数据标签

Python /散景:通过交互式图例隐藏字形时,不显示悬停工具

在AmChart4上隐藏图例标签

HighChart在点击图例上隐藏其他系列

在图例悬停时触发echarts饼图并显示数据

如果将鼠标悬停在Plotly上,如何显示与图例中所示不同的跟踪名称?

悬停点上显示错误的标签值-Chart.JS

d3-将鼠标悬停在图例上以突出显示相应的数据

Google Charts API:“图例点击”上的“显示/隐藏系列”。如何?

当鼠标悬停在图例点上时,CanvasJs在图表中隐藏某些线

栏上的Highchart图例

如何仅使用来自mysql db的数据在Google饼图图例上显示标签和值

在div上对悬停问题进行隐藏和褪色

angularjs 和 highcharts,除非我将鼠标悬停在数据点上,否则不会显示标签

matplotlib 图例显示问题

来自 HTML 表的数据的 Highchart(饼图)不显示图例

在移动设备上显示通过悬停隐藏的截断文本

检测鼠标悬停在图例上,并在 matplotlib 中显示工具提示(标签/注释)?

管理图例中标签的显示

图表 js 显示悬停图例的数据

无法抓取悬停显示的隐藏数据

将鼠标悬停在图像上时显示标签

通过单击图例在 Google 图表上显示/隐藏/切换数据系列