highcharts - Highchart 工具提示的边框样式

Question

我正在尝试在 highcharts 中编辑工具提示的边框。

我遇到的问题是我只想显示底部边框。

例如，您可以执行以下操作：

tooltip: {borderWidth: 10} // 但问题是在整个工具提示周围设置边框

做这样的事情会很好，但似乎不可能：

工具提示：{borderWidth: 0, 0, 0, 10}

我也试过这个：

工具提示：{样式：{border-bottom:10}}

但这似乎也不起作用。我开始怀疑这是否可能。

或者

有谁知道一个好的网站，它显示了工具提示的样式属性中具体允许的内容。似乎有某种方法可以在此属性中执行样式，但http://api.highcharts.com/highcharts#tooltip并没有真正为您提供足够的信息。

Answer 1

您只需通过设置在 Highcharts 中使用 HTML 工具提示useHTML: true；见例子：http: //jsfiddle.net/xq28t/

在 JS 中：

tooltip: {
    useHTML: true,
    borderWidth: 0,
    style: {
        padding: 0
    }
},

在 CSS 中：

.highcharts-tooltip>span {
    padding: 10px;
    border-bottom: 1px solid black;
}