vd-charts/src/packages/gauge/chartHandler.js

ECharts 4.x for Vue.js 2.x.

function getGaugeTooltip() {
  return {
    trigger: 'item'
  }
}

function getGaugeSeries(args) {
  const { data, settings } = args
  const { name, data: gaugeData } = data && data.measures && data.measures[0]
  const {
    min = 0,
    max = 100,
    offsetY,
    radius = '75%',
    ...others
  } = settings

  return [{
    name,
    type: 'gauge',
    min,
    max,
    center: offsetY ? ['50%', offsetY] : ['50%', '50%'],
    radius,
    data: gaugeData,
    ...others
  }]
}

export const gauge = (data, settings, extra) => {
  const { tooltipVisible } = extra

  const tooltip = tooltipVisible && getGaugeTooltip()

  const series = getGaugeSeries({ data, settings })

  // build echarts options
  const options = {
    tooltip,
    series
  }
  console.log(JSON.stringify(options))
  return options
}