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';

​

$.getJSON(`${baseUrl}${repoName}/participants.json`, participants => {

  $.getJSON(`${baseUrl}${repoName}/new_contributors.json`, newContributors => {

    $.getJSON(`${baseUrl}${repoName}/inactive_contributors.json`, inactiveContributors => {

      var keys = Object.keys(participants).filter(k => k.length === 7);

      chart.setOption({

        title: { text: `Developer status for ${repoName}`, left: 'center', top: 'bottom' },

        xAxis: {

          type: 'category',

          data: keys,

        },

        yAxis: { type: 'value' },

        legend: { data: ['participants', 'newContributors', 'inactiveContributors'] },

        series: [{

          name: 'participants',

          type: 'line',

          smooth: 'true',

          data: Object.values(participants),

        }, {

          name: 'newContributors',

          type: 'bar',

          data: keys.map(k => newContributors[k] ?? 0),

        }, {

          name: 'inactiveContributors',

          type: 'bar',

          data: keys.map(k => -inactiveContributors[k] ?? 0),

        }],

      });

    })

  })

});