高图:滚动到高图容器中的文本区域; highcharts容器中的自定义表格

时间:2019-12-02 08:17:49

标签: javascript jquery highcharts

我正在像小提琴一样实现。 JS fiddle

但是我还有更多的数据要添加到容器中。因此,将如下图所示。 enter image description here

  [1]: https://jsfiddle.net/gdzpac2x/1/

有什么方法可以将滚动条添加到文本框中。或者可以向此文本框之外的文本框和文本语句添加自定义表。高图可以做到吗?预先感谢。

1 个答案:

答案 0 :(得分:1)

调用renderer方法时,可以将useHTML参数设置为true并应用widthheightoverflow样式:

$('#container').highcharts( 
...,
function(chart) {
    var text = chart.renderer.text(
            'Some other text ...',
            150,
            120,
            true
        ).attr({
            zIndex: 5
        }).css({
            width: '150px',
            height: '50px',
            'overflow-y': 'scroll'
        }).add();
});

实时演示: https://jsfiddle.net/BlackLabel/nv82mzr7/

API参考: https://api.highcharts.com/class-reference/Highcharts.SVGRenderer#text