var container = document.getElementById('main');

var chart = echarts.init(container);

​

var baseUrl = 'https://oss.x-lab.info/open_digger/github/';

var repoName = 'X-lab2017/open-digger';

var type = getUrlParam('type', 'issue_response_time');

​

$.getJSON(

  `${baseUrl}${repoName}/${type}.json`,

  data => {

    var monthes = Object.keys(data['avg']);

    var quantileData = monthes.map(m => [1, 3, 0, 4].map(q => data[`quantile_${q}`][m]));

    var avgData = monthes.map(m => data['avg'][m]);

    option = {

      title: {

        text: `Metric ${type} for ${repoName}`,

        left: 'center'

      },

      legend: {

        padding: 40,

      },

      xAxis: {

        data: monthes,

      },

      yAxis: {

        type: 'value',

        name: 'days',

      },

      series: [

        {

          type: 'candlestick',

          name: 'quantiles box plot',

          data: quantileData,

          itemStyle: {

            color: 'rgba(0, 0, 180, 0.4)',

            color0: 'rgba(0, 0, 180, 0.4)',

            borderColor: 'rgba(0, 0, 180, 0.4)',

            borderColor0: 'rgba(0, 0, 180, 0.4)',

          }

        }, {

          type: 'line',

          name: 'average',

          data: avgData,

          smooth: true,

          showSymbol: false,

        }

      ]

    };

    chart.setOption(option);

  }

)