1

ドリルダウン ハイチャート カラム グラフを作成しようとしています。データがハードコーディングされている限り、例を使用して機能させることができます。MySQL データベースのデータを操作する例も入手できます。

私が知る必要があるのは、シリーズで呼び出す方法です。

例：

/// This needs to be data from the MySQL (a total sum) of X-data
name = 'Browser brands', 
data = [{
y: 55.11,
color: colors[0],
////// this drill down needs the a breakdown of the data
drilldown: {
name: 'MSIE versions',
categories: ['MSIE 6.0', 'MSIE 7.0', 'MSIE 8.0', 'MSIE 9.0'],
data: [10.85, 7.35, 33.06, 2.81],
color: colors[0]
}
 ///////// I need another drill that will show a breakdown of the data again
}
/// This needs to be data from the MySQL (a total sum) of y-data
name = 'Browser brands', 
data = [{
y: 55.11,
color: colors[0],
////// this drill down needs the a breakdown of the data
drilldown: {
name: 'MSIE versions',
categories: ['MSIE 6.0', 'MSIE 7.0', 'MSIE 8.0', 'MSIE 9.0'],
data: [10.85, 7.35, 33.06, 2.81],
color: colors[0]
}
///////// I need another drill that will show a breakdown of the data again
}

したがって、理論的には、いずれかがクリックされたときに最初のシリーズが合計 X、Y、Z を示すチャートを作成するにはどうすればよいですか。次の列のいずれかがクリックされると、そのデータの内訳が表示されます。データの内訳。

複数の MySQL クエリ、複数の配列があることを理解しています。必要なときにそれらを呼び出す方法がわかりません

4

1 に答える 1

1

この部分を見てください：

click: function() {
                 var drilldown = this.drilldown;
                 if (drilldown) { // drill down

                     this.series.chart.setTitle({
                         text: drilldown.name
                     });

                     setChart(drilldown.name, drilldown.categories, drilldown.data, drilldown.color, drilldown.level);
                 } else { // restore
                    setChart(name, categories, data, null, level);
                 }
              }

そこで $.getJSON() を使用し、その $.getJSON() 内で AJAX からのデータで setChart() メソッドを使用します。このようなもの（テストされていません）：

click: function() {
                 var drilldown = this.drilldown;
                 if (drilldown) { // drill down
                     var chart = this.series.chart;
                     $.getJSON(...., function(data){
                         chart.setTitle({
                             text: data.name
                         });
                         setChart(data.name, data.categories, data.data, data.color, data.level);
                     });
                 } else { // restore
                    setChart(name, categories, data, null, level);
                 }
              }
于 2013-02-14T14:00:01.893 に答える