/* global define */
;(function(root, factory) {
  if (typeof define === 'function' && define.amd) {
    // eslint-disable-line
    // AMD. Register as an anonymous module.
    define(['exports', 'echarts'], factory) // eslint-disable-line
  } else if (
    typeof exports === 'object' &&
    typeof exports.nodeName !== 'string'
  ) {
    // CommonJS
    factory(exports, require('echarts'))
  } else {
    // Browser globals
    factory({}, root.echarts)
  }
})(this, (exports, echarts) => {
  let log = function(msg) {
    if (typeof console !== 'undefined') {
      /* eslint-disable */
      console && console.error && console.error(msg)
    }
  }
  if (!echarts) {
    log('ECharts is not Loaded')
    return
  }

  let colorPalette = [
    '#c12e34',
    '#e6b600',
    '#0098d9',
    '#2b821d',
    '#005eaa',
    '#339ca8',
    '#cda819',
    '#32a487',
  ]

  let theme = {
    color: colorPalette,

    title: {
      textStyle: {
        fontWeight: 'normal',
      },
    },

    visualMap: {
      color: ['#1790cf', '#a2d4e6'],
    },

    toolbox: {
      iconStyle: {
        normal: {
          borderColor: '#06467c',
        },
      },
    },

    tooltip: {
      backgroundColor: 'rgba(0,0,0,0.6)',
    },

    dataZoom: {
      dataBackgroundColor: '#dedede',
      fillerColor: 'rgba(154,217,247,0.2)',
      handleColor: '#005eaa',
    },

    timeline: {
      lineStyle: {
        color: '#005eaa',
      },
      controlStyle: {
        normal: {
          color: '#005eaa',
          borderColor: '#005eaa',
        },
      },
    },

    candlestick: {
      itemStyle: {
        normal: {
          color: '#c12e34',
          color0: '#2b821d',
          lineStyle: {
            width: 1,
            color: '#c12e34',
            color0: '#2b821d',
          },
        },
      },
    },

    graph: {
      color: colorPalette,
    },

    map: {
      label: {
        normal: {
          textStyle: {
            color: '#c12e34',
          },
        },
        emphasis: {
          textStyle: {
            color: '#c12e34',
          },
        },
      },
      itemStyle: {
        normal: {
          borderColor: '#eee',
          areaColor: '#ddd',
        },
        emphasis: {
          areaColor: '#e6b600',
        },
      },
    },

    gauge: {
      axisLine: {
        show: true,
        lineStyle: {
          color: [[0.2, '#2b821d'], [0.8, '#005eaa'], [1, '#c12e34']],
          width: 5,
        },
      },
      axisTick: {
        splitNumber: 10,
        length: 8,
        lineStyle: {
          color: 'auto',
        },
      },
      axisLabel: {
        textStyle: {
          color: 'auto',
        },
      },
      splitLine: {
        length: 12,
        lineStyle: {
          color: 'auto',
        },
      },
      pointer: {
        length: '90%',
        width: 3,
        color: 'auto',
      },
      title: {
        textStyle: {
          color: '#333',
        },
      },
      detail: {
        textStyle: {
          color: 'auto',
        },
      },
    },
  }
  echarts.registerTheme('shine', theme)
})