educoder/app/assets/javascripts/admins/dashboards/index.js

$(document).on('turbolinks:load', function() {
  if ($('body.admins-dashboards-index-page').length > 0) {
    // 月新增用户
    var monthChart = echarts.init(document.getElementById('month-active-user'));
    monthChart.setOption({
      tooltip: {
        show: "true",
        trigger: 'item',
        formatter: '{c0}',
        backgroundColor: 'rgba(0,0,0,0.7)', // 背景
        padding: [8, 10], //内边距
        extraCssText: 'box-shadow: 0 0 3px rgba(255, 255, 255, 0.4);', //添加阴影
        axisPointer: { // 坐标轴指示器，坐标轴触发有效
          type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
        }
      },
      series : [
        {
          name: '访问来源',
          type: 'pie',
          radius: '55%',
          data: []
        }
      ]
    });
    monthChart.showLoading();
    $.get('/admins/dashboards/month_active_user.json').done(function(data){
      monthChart.setOption({
        series: [
          { data: data.data }
        ]
      });

      monthChart.hideLoading();
    });


    // 近七天评测次数
    var evaluateChart = echarts.init(document.getElementById('evaluate-pie'));
    evaluateChart.setOption({
      tooltip: {
        show: "true",
        trigger: 'item',
        formatter: '{c0}',
        backgroundColor: 'rgba(0,0,0,0.7)', // 背景
        padding: [8, 10], //内边距
        extraCssText: 'box-shadow: 0 0 3px rgba(255, 255, 255, 0.4);', //添加阴影
        axisPointer: { // 坐标轴指示器，坐标轴触发有效
          type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
        }
      },
      xAxis: { type: 'category', boundaryGap: false, data: [] },
      yAxis: { type: 'value' },
      series: [{ data: [], type: 'line', areaStyle: {} }]
    });
    evaluateChart.showLoading();
    $.get('/admins/dashboards/evaluate.json').done(function(data){
      evaluateChart.setOption({
        xAxis: { data: data.names },
        series: [{ data: data.data }]
      });

      evaluateChart.hideLoading();
    });
  }
});