Question

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

Answer 1

你可以在工具提示上加上css风格，这样就可以设置阴影：

首先停用默认阴影：

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>';
}

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

Highcharts工具提示阴影角度

1 个答案: