时间戳

首页 > 解决方案 > Highcharts 符号未出现在图表中（不透明度设置为 0，它会出现）

highcharts - Highcharts 符号未出现在图表中（不透明度设置为 0，它会出现）

问题描述

我正在使用 HighCharts 在我的怀孕计算器上显示几个图表。直到最近，他们都在完美地工作。现在，由于某种奇怪的原因，第二张图表上泰迪熊的符号图像（在 Highcharts 代码中）显示为 opacity:0，直到您将鼠标悬停在空间上（此时泰迪熊出现）。我不明白为什么它突然这样做，或者似乎找到了一种将其设置为不透明度的方法：1

https://www.thecalculatorsite.com/health/pregnancy-calculator.php

（您需要单击“计算”，然后向下滚动到第二张图表，标记为“今天出生的概率” - 您会在图表中看到没有绿色标记的空白。泰迪熊熊符号应该在那里，但直到鼠标悬停才会出现）。

谢谢你的帮助。

标签： highcharts

解决方案

为正常状态设置不透明度为 1：

  series: [{
    ...,
    data: [..., {
      y: 54.805615550756,
      marker: {
        ...,
        states: {
          normal: {
            opacity: 1
          }
        }
      }
    }, ...]
  }]

现场演示： https ://jsfiddle.net/BlackLabel/zrp4tfdk/2/

API 参考： https ://api.highcharts.com/highcharts/series.line.data.marker.states.normal

推荐阅读