ツールチップの追加チャートは可能ですか？

Question

完全に異なるデータを持つ別のチャートをツールポイントに挿入しようとしたことがありますが、これはデータポイント上にホバリングしたときにポップアップしていますか？ htmlをフォーマッタに渡す可能性をチェックしましたが、どのように動的に動作しているかはわかりません。

私はバブルチャートを持っており、バブルのツールチップに小さな折れ線グラフを追加するのは完璧です。

Answer 1

はい、可能です。

ツールヒントのuseHTMLをtrueに設定してグラフを作成すると、ツールチップにグラフが表示されます。

例：http://jsfiddle.net/n9z7r5uj/ちょうど好奇心のうち

$(function() { 
    $('#container').highcharts({ 
    series: [{ 
     type: 'bubble', 
     data: [[1,2,3],[4,1,6],[2,3,9]] 
    }], 
    tooltip: { 
     useHTML: true, 
     pointFormatter: function() { 
     var data = [this.x, this.y, this.z]; 
     setTimeout(function() { 
      $('#chart').highcharts({ 
      title: { 
       text: '' 
      }, 
      legend: { 
       enabled: false 
      }, 
      credits: { 
       enabled: false 
      }, 
      series: [{ 
       animation: false, 
       data: data 
      }], 
      yAxis: { 
       title: '' 
      }, 
      xAxis: { 
       categories: ['x','y','z'] 
      } 
      }); 
     }, 0); 
     return '<div id="chart" style="width: 100px; height: 150px;"></div>'; 
     } 
    } 
    }); 
});