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

Question

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

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

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

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

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

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

我也试过这个:

工具提示:{样式:{边框底部:10}}

但这似乎并不奏效。
我开始怀疑这是否可能。

或者

有谁知道一个很好的网站，它显示了工具提示的样式属性中具体允许的内容。在这个属性中好像有某种方式可以做样式，但是http://api.highcharts.com/highcharts#tooltip并没有真正给你足够的信息。

Answer 1

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

在JS中:

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

在 CSS 中:

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