Highcharts 高图表-多字幕（2）

是否可以在highcharts图形中有多个子标题（我需要2个）？

---

仅供参考-在子标题之前，我也有标题。

我不确定是否有一个内置的功能可以拥有多个字幕，但我想使用jQuery“手动”将带有第二个字幕的div放在图表顶部，不管你想放在哪里，这应该不是很多工作。然后，您需要在CSS中使用相对或绝对定位，并确保它具有足够高的z索引以使其可见

---

在这里，您可以阅读有关如何定位HTML元素的更多信息：

为什么不在副标题中加一个换行符呢

subtitle: {
    text: 'Line 1 of the subtitle<br>Line 2 of the subtitle' 
},

副标题：{
文本：“字幕的第1行
字幕的第2行”
},

它看起来像一个bug，所以我在这里报告了它：

你可以用一个普通的br html标记来打断副标题中的行。然后，您可以根据是否越界设置标题边距。

回答这个问题有点晚了，但我希望这可以帮助其他人

我也遇到了类似的问题，最后使用highcharts中的renderer.text函数添加了一堆随机文本

在这里拉小提琴：

移动文本有点乏味，但它可以完成任务

代码在这里

$(function () {
$('#container').highcharts({

    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },

    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
    }]

}, function(chart) { // on complete
 var middle = chart.plotSizeX - 100;
    chart.renderer.text('Series 1', chart.plotSizeX / 2, 150)
        .attr({

        })
        .css({
            color: '#4572A7',
            fontSize: '16px'
        })
        .add();
    chart.renderer.text('Subtitle 2', chart.plotSizeX / 2, 300)
        .attr({

        })
        .css({
            color: '#4572A7',
            fontSize: '16px'
        })
        .add();

});


});

---

是的，我也认为没有内置的功能。嗯，我总是可以在手册中输入html作为副标题，但问题是div将在highcharts创建的svg之外。这不是问题，但我还是想看看是否有更优雅的解决方案。顺便说一下，这是一个很棒的想法。但实现这一点会产生另一个问题，即副标题的第二行与下图重叠。我试着给副标题添加边距，但没用，有什么想法吗？@whyA是的，你可能需要编辑highcharts.js来实现这一点，因为他们在设计时没有考虑到两行，也不知道从哪里开始。另一种方法是将X轴最大值设置为远高于实际最大值的值，这样即使第二条线延伸到轴区域，也不会有数据被覆盖。还有一种选择是使用内联CSS使字幕文本更小，从而更适合。@这可能也有帮助，浮动标题和字幕：但我可能不会使用它，因为标题/字幕的位置在不同的浏览器中很难预测。没错，由于浏览器行为不同，我也不会使用浮动。我想缩小字幕字体可能是解决这个问题的最简单方法，我会试试。我用
标签尝试了这个解决方案。退一步说，导出图表时不支持HTML格式。在我的例子中，
有时会在导出时丢失，有时会更改对齐方式。谢谢你。然而，目前，我们暂时搁置了这个问题。从技术上讲，你不可能有两个字幕。然而，如果你描述了你想要达到的样子，也许人们可以帮助你达到。