禁用高级图表中的特定标签

问题描述 投票:1回答:1

我试图禁用Highcharts柱形图中的某些特定标签。但我只能禁用所有标签或不禁用。我在互联网上搜索了一下,找到了“标签”->“已启用”或“可见”之类的命令,但是它不起作用。这是我的酒吧代码,我要在其中禁用标签。

{
  "color":"#ffff77",
  "x":"0.7",
  "pointWidth":"7",
  "labels":{
    "enabled":false
      },
  "dataLabels":{
    "enabled": false
  }    
}

我的问题是,是否有可能仅禁用特定标签。PS:我在Grafana中使用Highcharts。

javascript html highcharts
1个回答
1
投票

我假设您正在询问有关dataLabels的信息-因此可以在定义特定点的数据数组内禁用每个标签。

演示:https://jsfiddle.net/BlackLabel/9zdc2pnu/

Highcharts.chart('container', {

  series: [{
    data: [43934, 52503, 57177, {
      y: 69658,
      dataLabels: {
        enabled: false
      }
    }, 97031, 119931, 137133, 154175],
    dataLabels: {
      enabled: true
    }
  }]
});

API:https://api.highcharts.com/highcharts/series.line.data.dataLabels


编辑

获得更多信息后-要禁用轴的特定标签,可以使用labels.formatter回调,或在render回调中查找并隐藏特定标签。

演示:https://jsfiddle.net/BlackLabel/rzskvuj9/

API:https://api.highcharts.com/highcharts/yAxis.labels.formatter

API:https://api.highcharts.com/highcharts/chart.events.render

© www.soinside.com 2019 - 2024. All rights reserved.