在高图表中显示每个 y 轴系列的多个值

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

将值传递给 y 轴系列,如下所示:

this.chartOptions = {
  series: [
    {
      type: 'line',
      data: [
            [0,38.6],
            [0,49.8],
            [1,39.2],
            [1,41.1],
            [1,46.6],
            [2,44]
        ],
      color: '#004191',
      showInLegend: false,
      name: 'price',
      threshold: 40,
      negativeColor: '#F34336',
      marker: {
        enabled: true,
        radius: 3,
        symbol: 'circle',
      },
    },
  ],
  title: {
    text: '',
  },
  xAxis: {
    title: {
      text: 'Days',
    },
    categories: ["16-Jan", "15-Jan", "14-Jan"],
  },
  yAxis: {
    title: {
      text: 'price',
    },
    gridLineWidth: 1,
    min: 10,
    max: 100,
    tickPixelInterval: 35,
  },
  exporting: {
    enabled: false,
    showTable: false,
    buttons: {
      contextButton: {
        menuItems: ['downloadPDF'],
      },
    },
  },
  credits: {
    enabled: false,
  },
};

但问题是多个值在视图中呈现,但当鼠标悬停在特定值上时,这些值不会显示在工具提示中。

案例:当我将鼠标悬停在49.8上时,它会显示工具提示,但不会显示38.6。尽管它们属于 y 轴的第一个系列。

需求:

  1. 鼠标悬停时应在 y 轴工具提示中显示每个值。
  2. 我需要在工具提示中显示多个值(即显示、rtMode、initMode)。

附加 stackblitz ref

javascript charts highcharts
1个回答
0
投票

有多个系列

通过我在这里看到的例子:

https://www.highcharts.com/forum/viewtopic.php?t=33780#:~:text=http%3A//jsfiddle.net/aykutyaarbas/rry1sdhm/

您可以添加一个新的整个系列,其中包含您想要查看的数据点,但只需使该系列不可见即可。





显示附加工具提示数据

仅显示附加工具提示数据,如下所示(对于 rtMode 和 initMode 等肯定有用): https://www.highcharts.com/forum/viewtopic.php?t=48914#:~:text=https%3A//jsfiddle.net/BlackLabel/e7yuga5d/

我认为主要问题是,在 HighCharts 中,您可以显示位于同一 x 值上的多个 y 值不在同一系列中。

很抱歉我找不到更多。我希望这可能有所帮助。 也许这不起作用,HighCharts 希望您只看到一个点:

https://www.highcharts.com/forum/viewtopic.php?t=43897#:~:text=https%3A//jsfiddle.net/BlackLabel/ktwfopdn/

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