highcharts - Highcharts 工具提示阴影角度

Question

我正在为 Highcharts 创建一个主题，并且需要能够在工具提示上配置阴影角度。在某些配置区域中，阴影允许对象（例如：plotOptions.pie.dataLabels.shadows）但似乎工具提示上的阴影设置不允许这样做。是否有我缺少的解决方法或全局设置？

Answer 1

您可以将 css-style 放在工具提示上，这样您就可以像这样设置阴影：

• 首先停用默认阴影：

  tooltip: {
      valueSuffix: '°C',
      shadow:false,
      useHTML:true,
      formatter: function() {
          return '<div class="tooltip">Test</div>';
      }
      // Replace "Test" with the formatter you want, there are good examples
      // on their website.
  }
  

• 并设置工具提示的样式：

  div.tooltip {
      -moz-box-shadow: 20px 20px 20px #888;
      -webkit-box-shadow: 20px 20px 20px #888;
      box-shadow: 20px 20px 20px #888;
  }
  

这是一个活生生的例子：http: //jsfiddle.net/PKFSs/

有了它，您可以在工具提示上做任何您想做的事情。

编辑： 如果你不能使用 css：

formatter: function() {
    return '<div class="tooltip" style="-webkit-box-shadow: 20px 20px 20px #888;box-shadow: 20px 20px 20px #888;">Test</div>';
}

我知道这不是最好的方法，我正在尝试找到更好的解决方案，但是这个方法有效。