var colors = ['#5793f3', '#d14a61', '#675bba'];

export default {
  color: colors,
  title: {
    text: '月休息日动车比例',
    textStyle: {
      color: '#fff'
    }
  },
  tooltip: {
    trigger: 'axis',
    axisPointer: {
      type: 'cross'
    },
    formatter (pamams) {
      let doc = `
            <div>${pamams[0].name}</div>
        `
      pamams.forEach(item => {
        let str = `<div>
                    <span style="background: ${item.color};width: 10px;height: 10px;border-radius: 50%;display: inline-block;"></span> ${item.seriesName}: ${item.data}次
                  </div>`
        doc += str
      })
      return doc
    }
  },
  grid: {
    left: '1%',
    right: '8%',
    bottom: '6%',
    containLabel: true
  },
  toolbox: {
    // feature: {
    //   dataView: {show: true, readOnly: false},
    //   restore: {show: true},
    //   saveAsImage: {show: true}
    // }
  },
  legend: {
    textStyle: {
      color: '#fff'
    }
  },
  xAxis: [
    {
      type: 'category',
      axisTick: {
        alignWithLabel: true,
        textStyle: {
          color: '#2DA2FD'
        }
      },
      axisLabel: {
        color: '#fff'
      },
      data: ['1月','2月','3月','4月','5月']
    }
  ],
  yAxis: [
    {
      type: 'value',
      name: '比列(%)',
      max: 100,
      axisLine: {
        lineStyle: {
          color: '#5a6379'
        }
      },
      axisLabel: {
        formatter: '{value}%',
        color: '#fff'
      },
      nameTextStyle: {
        color: '#fff',
        padding: [0, 0, 0, 50]
      },
      splitLine: {
        lineStyle: {
          color: '#5a6379'
        }
      }
    }
  ],
  series: [
    {
      name:'月休息日动车比例',
      type:'line',
      data:[76, 65, 83, 88, 65]
    },
    {
      name:'休息日动车比例',
      type:'line',
      data:[70, 68, 73, 75, 70]
    }
  ]
};