Highchart工具提示的边框样式

Question

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

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

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

工具提示：{borderWidth：10} //但问题是围绕整个工具提示制作边框

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

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

我也试过这个：

工具提示：{style：{border-bottom：10}}

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

OR

有没有人知道一个好的网站，它显示了工具提示的样式属性中特别允许的内容。看起来在这个属性中有某种方式可以做样式，但是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;
}