import tools from "../tools";

export default {
  legend: {
    right: 0, itemGap: 16,
    textStyle: {color: '#fff', padding: [0, 0, 0, 8], fontSize: 14},
    itemWidth: 16, itemHeight: 5
  },
  grid: {
    left: 50, right: 0
  },
  tooltip: {
    trigger: 'axis',
    backgroundColor: 'rgba(14, 51, 111, 0.9)', borderColor: '#1A6ABC', textStyle: {color: '#fff'}
  },
  yAxis: {
    type: 'category',
    axisLabel: {color: '#fff', fontSize: 14},
    axisLine: {lineStyle: {color: 'rgba(255,255,255,.5)'}},
    axisPointer: {show: false},
  },
  xAxis: {
    nameGap: 23, minInterval: 1,
    splitLine: {lineStyle: {color: 'rgba(255,255,255,.2)', type: 'dashed'}},
    axisLabel: {color: '#fff', fontSize: 14},
  },
  daemon: {
    type: 'bar', barWidth: 10,
    itemStyle: {
      color: ({color}) => ({
        type: 'linear', x: 0, x2: 1, y: 0, y2: 0,
        colorStops: [{offset: 0, color: tools.$colorUtils.Hex2RGBA(color, .5)}, {offset: 1, color}]
      })
    },
  }
}