javascript - Highcharts:滚动 highcharts 容器内的文本区域； highcharts 容器内的自定义表格

Question

我正在做一个像 fiddle 一样的实现。 JS fiddle

但是我有更多数据要添加到容器内。所以它会像下图所示。

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

有没有办法给文本框添加滚动条。或者可以将自定义表添加到容器中，而不是包含文本和中断语句的文本框。这对于 highcharts 来说可能吗？

Answer 1

调用renderer方法时，您可以将useHTML参数设置为true并应用width，高度和溢出样式:

$('#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