5

ハイチャートグラフに複数のサブタイトル (2 つ必要) を含めることはできますか? 参考までに-サブタイトルの前にタイトルも持っています。

4

6 に答える 6

3

サブタイトルに改行を入れないのはなぜですか?

subtitle: {
    text: 'Line 1 of the subtitle<br>Line 2 of the subtitle' 
},
于 2013-04-08T07:39:26.173 に答える
2

複数の字幕を表示するための組み込み機能があるかどうかはわかりませんが、たとえば jQuery を使用して 2 つ目の字幕を含む div をチャートの上に「手動で」配置するのは、それほど面倒なことではないと思います。どこにでも。次に、CSS で相対位置または絶対位置を使用し、表示するのに十分な高さの z-index があることを確認する必要があります。

ここでは、HTML 要素を配置する方法について詳しく読むことができます: http://www.w3schools.com/css/css_positioning.asp

于 2013-04-08T06:32:49.353 に答える
2

この回答には少し遅れていますが、これが他の人に役立つことを願っています。

同様の問題があり、ハイチャートの 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();

});


});
于 2014-01-10T21:44:13.750 に答える
1

バグのように見えるので、ここで報告しました: https://github.com/highslide-software/highcharts.com/issues/1704

于 2013-04-10T11:47:53.587 に答える
1

通常の br-html-tag を使用して、サブタイトルの改行を行うことができます。改行するかどうかに応じて、タイトルの余白を設定できます。

于 2013-07-03T18:41:19.050 に答える