2017-01-06 15 views
0

私はこのようなHighchart列があります。Highchartsレベル3のドリルダウン

  • をレベル1には、毎年のグラフ
  • レベル2はその年
  • レベル3は、その動物が含まれている毎月のグラフが含まれて含まれています年月日

レベル3を開くと、最新データのデータが表示されます。例えば、 :1月の2017年には、私に7匹の動物があります。 1月の2016年に私は6匹の動物を持っています。そしてそれは2016年1月1日に7頭の動物しか見せない。 2つの条件でデータベースからいくつかのデータを表示することは可能ですか?

私の間違いがどこにあるか教えてください。ここで

は、私が働いているドリルダウンのサンプルです:

$(function() { 

// Create the chart 
$('#container').highcharts({ 
    chart: { 
     type: 'column' 
    }, 
    title: { 
     text: 'Basic drilldown' 
    }, 
    xAxis: { 
     type: 'category' 
    }, 

    legend: { 
     enabled: false 
    }, 

    plotOptions: { 
     series: { 
      borderWidth: 0, 
      dataLabels: { 
       enabled: true, 
      } 
     } 
    }, 

    series: [{ 
     name: 'Things', 
     colorByPoint: true, 
     data: [{ 
      name: '2017', 
      y: 5, 
      drilldown: '2017' 
     }, 
     { 
      name: '2016', 
      y: 4, 
      drilldown: '2016' 
     }] 
    }], 
    drilldown: { 
     series: [{ 
      id: '2017', 
      name: '2017', 
      data: [{ 
       name: 'January', 
       y: 7, 
       drilldown: 'january' 
      },{ 
       name: 'July', 
       y: 5, 
       drilldown: 'july' 
      }, 
      ], 
     }, 
     { 
      id: '2016', 
      name: '2016', 
      data: [{ 
       name: 'January', 
       y: 6, 
       drilldown: 'january' 
      },{ 
       name: 'July', 
       y: 3, 
       drilldown: 'july' 
      }, 
      ], 
     }, 
     { 

      id: 'january', 
      data: [['Dogs', 2], 
       ['Cows', 1], 
       ['Sheep', 2], 
       ['Pigs', 1]] 
     },{ 
     id: 'january', 
      data: [['Dogs', 3], 
       ['Cows', 1], 
       ['Sheep', 2], 
       ['Pigs', 1]] 
     }] 
    } 
}) 
}); 
+0

その後、質問は何ですか? SQLクエリについて質問していますか、またはHighcharts設定オブジェクトが正しいかどうかわかりませんか? Highchartsについて質問している場合は、PHPスクリプトを削除してページソースを貼り付けるか、実際のサンプル(jsfiddle/codepen/etc)を作成すると、何が間違っているかを簡単に伝えることができます。 – morganfree

答えて

0

申し訳ありませんが、私は毎年のためのドリルダウンのIDを変更することを忘れ

drilldown: { 
     series: [{ 
      id: '2017', 
      name: '2017', 
      data: [{ 
       name: 'January', 
       y: 7, 
       drilldown: '2017-january' 
      },{ 
       name: 'July', 
       y: 5, 
       drilldown: '2017-july' 
      }, 
      ], 
     }, 
     { 
      id: '2016', 
      name: '2016', 
      data: [{ 
       name: 'January', 
       y: 6, 
       drilldown: '2016-january' 
      },{ 
       name: 'July', 
       y: 3, 
       drilldown: '2017-july' 
      }, 
      ], 
     }, 
     { 

      id: '2017-january', 
      data: [['Dogs', 2], 
       ['Cows', 1], 
       ['Sheep', 2], 
       ['Pigs', 1]] 
     },{ 
     id: '2016-january', 
      data: [['Dogs', 3], 
       ['Cows', 1], 
       ['Sheep', 2], 
       ['Pigs', 1]] 
     }] 
    } 
関連する問題