Question

在highcharts图中是否可以有多个子标题（我需要2个）？仅供参考 - 在副标题之前我也有标题。

Answer 1

为什么不在字幕中加上换行符？

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

Answer 2

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

您可以在此处详细了解如何定位HTML元素：http://www.w3schools.com/css/css_positioning.asp

Answer 3

它看起来像一个bug，所以我在这里报告了它：https://github.com/highslide-software/highcharts.com/issues/1704

Answer 4

您可以使用普通的br-html-tag来破坏字幕中的行。如果你打破了这条线，你可以设置标题边距。

Answer 5

这个答案有点晚了，但我希望这可以帮助别人。

我遇到了类似的问题，最后我从highcharts使用了renderer.text函数，在整个地方添加了一堆随机文本。

http://api.highcharts.com/highcharts#Renderer.text

这里小提琴： http://jsfiddle.net/flacoman91/bvJaQ/

移动文本有点乏味，但它会完成工作。

代码

$(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();

});


});

Highcharts - 多个字幕（2）

5 个答案: