Highchart 工具提示的边框样式

Question

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

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

例如，您可以这样做：

tooltip: {borderWidth: 10} // 但问题是在整个 tooltip 周围做了一个边框

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

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

我也试过了：

工具提示：{style: {border-bottom: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;
}