app/Resources/static-src/app/js/course-manage/question-marker/modal/index.js

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

class QuestionMarkerStats {
  constructor() {
    this.init();
  }

  init() {
    let myChart = echarts.init(document.getElementById('main'));
    let type = $('.popup-topic').data('type');
    if (type.indexOf('single_choice') >= 0) {
      myChart.setOption(this.getPeiOptions());
    } else {
      myChart.setOption(this.getBarOptions(type));
    }

    $('[data-toggle="tab"]').on('click', function () {
      $(this).addClass('btn-primary').removeClass('btn-default')
        .siblings().removeClass('btn-primary').addClass('btn-default');
    });
  }

  getPeiOptions() {
    let stats = this.getStats();
    let legendData = [], data = [];

    $.each(stats, function(index, stat) {
      let key = String.fromCharCode(index+65);
      legendData.push(key);

      data.push({
        'name': key,
        'value': stat['pct']
      });
    });

    return {
      tooltip: {
        trigger: 'item',
        formatter: '{a} <br/>{b} : {c} ({d}%)'
      },
      color: ['#4653BE', '#72CC59', '#4DA8E6', '#F8AB60'],
      legend: {
        orient: 'vertical',
        right: 'right',
        top: 'center',
        itemWidth: 8,
        itemHeight: 8,
        data: legendData
      },
      series: [{
        name: '',
        type: 'pie',
        radius: '55%',
        center: ['50%', '60%'],
        labelLine: {
          normal: {
            show: false
          }
        },
        label: {
          normal: {