Highchart工具提示可变宽度

Question

我正在使用以下用于highStock工具提示的css代码：

.highcharts-tooltip > span {
    padding: 10px;
    border: 1px solid #FFAE19;
    height: auto;
    min-width: 200px;
    white-space: normal !important;
}

但现在在我的一张图表中，系列名称太长而无法适应上述宽度。如果我增加css的宽度，那么它将干扰其余图表的布局。

请知道如何处理这种情况？

Answer 1

You shouldn't need to use CSS at all if you're using the Highcharts API. Highcharts tooltips have attributes that can be used to style your tooltip as desired, and the style attribute can be used for any remaining CSS styling necessary.

See Highcharts' tooltip documentation for more information