backbone.js - ハイチャート内に div / テキストを配置する方法

Question

私はハイチャートを使用しています.チャートで人々が行う選択に応じて、グラフ内に異なるテキストを表示したいと思います。どうすればこれを達成できますか?

handleRefresh : function(ChartModel) {
        var chartOptions = new ChartTheme();
.......
.......
var chart = new Highcharts.Chart(chartOptions.options);
}

updateColumnSelection : function(index){
  var data = this.model.getData(index);
  _.each(data.messages, function(msg) {
    //display message
    //pool: yes
    var dataPlacement = $("#messages");
dataPlacement .html('');
    dataPlacement.append(msg);

 }
}

最善の方法は、可能かどうかはわかりませんが、グラフ内に div (プレースホルダー) を配置し、選択ごとに更新することです。

Answer 1

リファレンスを参照してください。ここでは、チャートに新しい要素を追加する方法を確認できます。idを使用して取得できるように、 を使用して要素を作成しますjQuery。
その後、selectionイベントを使用して数値を更新できます。

{
    chart: {
        renderTo: #element,
        events: {
            selection: function() {
                // @todo Update message
            }
        }
    }
}