时间戳

首页 > 解决方案 > Highcharts：滚动显示 highcharts 容器内的文本区域；highcharts 容器内的自定义表格

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

问题描述

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

但我有更多数据要添加到容器中。所以它将如下图所示。 在此处输入图像描述

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

有没有办法在文本框中添加滚动条。或者，可以在容器中添加一个自定义表格，而不是这个带有文本和中断语句的文本框。这可能与highcharts。

标签： javascriptjqueryhighcharts

解决方案

调用该renderer方法时，您可以将useHTML参数设置为和trueapplywidth以及样式：heightoverflow

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

推荐阅读