let 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',
        fontSize: 8,
        interval: 0,
        formatter : function(params){
          let c = 7, ary = [];
          for (let j = 0; j < Math.ceil(params.length / c); j++) ary.push(params.slice(c * j, c * (j + 1)));
          params = ary.join("\n");
          return params
        }
      },
      data: [
        '成都市高新区天府四街66号航兴国际2号楼',
        '成都市武侯区保利花园3期',
        '四川省成都市武侯区天府三街19号',
        '四川省成都市武侯区天府四街66号',
        '四川省成都市武侯区天华路451号',
        '四川省成都市青羊区江汉路36号',
        '四川省成都市武侯区人民南路三段29号',
        '四川省成都市武侯区成科西路3号',
        '四川省成都市青羊区正府街185号',
        '四川省成都市青羊区江汉路160号',
      ]
    }
  ],
  yAxis: [
    {
      type: 'value',
      name: '停车地点次数',
      axisLine: {
        lineStyle: {
          color: '#5a6379'
        }
      },
      axisLabel: {
        formatter: '{value}次',
        color: '#fff',

      },
      nameTextStyle: {
        color: '#fff',
        padding: [0, 0, 0, 50]
      },
      splitLine: {
        lineStyle: {
          color: '#5a6379'
        }
      },
    }
  ],
  series: [
    {
      name: '月高频停车地点',
      type: 'bar',
      data: [28, 20, 8, 5, 3, 2, 1, 1, 1, 1],
      markPoint: {
        data: [
          {
            coord: ['成都市高新区天府四街66号航兴国际2号楼', 28],
            value: '公司'
          },
          {
            coord: ['成都市武侯区保利花园3期', 20],
            value: '家庭'
          }
        ]
      }
    },
    {
      name: '高频停车地点',
      type: 'bar',
      data: [27, 21, 6, 3, 2, 0, 0, 0, 0, 0],
      markPoint: {
        data: [
          {
            coord: ['成都市高新区天府四街66号航兴国际2号楼', 27],
            value: '公司'
          },
          {
            coord: ['成都市武侯区保利花园3期', 21],
            value: '家庭'
          }
        ]
      }
    }
  ]
};