javascript - HighChart 軸のタイトルを変更する

Question

プログラムで HighCharts チャートの軸タイトルを変更することは可能ですか?

私はこのようなことをしようとしています:

charts.series[0].yAxis.title.text = 'new title';

また

charts.yAxis[0].title.text = 'new title';

(チャートが初期化されたときに既にタイトルが設定されています)。

Answer 1

はい、次を使用してこれを行うことができます。

chart.yAxis[0].axisTitle.attr({
        text: 'new title'
    });

Answer 2

Axisこれは nowを使用してオブジェクトで直接行うことができますsetTitle。例えば：

chart.yAxis[0].setTitle({ text: "Bananas" });

この JSFiddle デモンストレーションを参照してください。メソッドのシグネチャは次のとおりです。

setTitle(Object title, [Boolean redraw])

そのため、必要に応じてブール値を渡して再描画を待つことができます。このオブジェクトは、テキスト自体だけでなく、スタイルやその他のいくつかのオプションを渡すことができるという意味titleと同じパラメーターを取ります。API ドキュメントには完全な情報が含まれています。xAxis.title

Answer 3

y 軸のタイトルを動的に変更するデモ フィドルを作成しました。このJSFIDDLEを参照してください

HTML:

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

<input type="button" value="Change Y-axis Title to 'My text'" id="my_btn">

JS (ボタンのクリックで y 軸のタイトルを更新する c コードの一部):

var chart = $('#container').highcharts();
    $('#my_btn').click(function(){
        //alert('hey');
        chart.yAxis[0].update({
            title:{
                text:"My text"
            }
        });
        alert('Y-axis title changed to "My text" !');
    });

詳細については、 Highcharts 'update' 関数のドキュメント を参照してください。