2013-05-13 114 views
4

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

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

例如,你可以做这样的事情:

提示:{边框宽度:10} //但问题是,使周围的整个提示

做这样的事情将是很好的一个边界,但似乎可以不:

提示:{边框宽度:0,0,0,10}

我曾经尝试这样做,以及:

太ltip:{风格:{边框底部:10}}

但是,这似乎并没有正常工作。 我开始怀疑这是否可能。

OR

有谁知道一个良好的网站,显示具体是什么是允许在提示的样式属性。似乎有某种方法可以在此属性中执行样式,但http://api.highcharts.com/highcharts#tooltip并不能真正为您提供足够的信息。

回答

8

您只需通过设置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; 
} 
+0

这是伟大的,但你得到它如何使用默认的颜色? (它悬停在其上的项目的颜色)。 – 2013-05-14 15:31:14

+0

不使用格式化程序是不可能的。在格式化程序中,您可以使用html标记,然后在那里为内联CSS设置series.color。 – 2013-05-16 11:32:27

+0

你能举一个这样的例子吗?以上? – 2013-06-03 19:59:57