查看“MediaWiki:Gadget-ECharts.js”的源代码

/**
 * @name WikiECharts
 * @desc Provides the function of inserting
 *       ECarts table into the wiki page.
 */
!(function(window, $) {
  // Get blocks
  var $blocks = $('.ECharts, .Echarts, .echarts')
  if ($blocks.length > 0) {
    $.ajax({
      url: 'https://cdn.jsdelivr.net/npm/echarts', // This is a trusted official CDN
      dataType: 'script',
      cache: true
    }).then(function() {
      $blocks.each(function(index, item) {
        var $this = $(item)
        var option = {}
        var text = $this.text()
        $this.html('')

        // Try to parse JSON
        try {
          option = JSON.parse(text)
        } catch (e) {
          $this.append(
            $('<pre>', {
              class: 'error',
              html: 'ECharts options parse error:\n' + e
            })
          )
          return console.warn('ECharts options parse error', item, e)
        }

        // Init Chart
        var thisChart = echarts.init($this.get(0))
        thisChart.setOption(option)

        // Resize Chart
        thisChart.resize()
        $(window).on('resize', function() {
          thisChart.resize()
        })
        $('.mw-collapsible-toggle, .pi-section-tab').click(function() {
          thisChart.resize()
        })
      })
    })
  }
})(window, jQuery)