<template>
  <ve-histogram :data="chartData" :settings="chartSettings"></ve-histogram>
</template>

<script>
  export default {
    data () {
      this.chartSettings = {
        showLine: ['下单用户']
      }
      return {
        chartData: {
          columns: ['日期', '访问用户', '下单用户', '下单率'],
          rows: [
            { '日期': '1/1', '访问用户': 1100, '下单用户': 100, '下单率': 1.32 },
            { '日期': '1/2', '访问用户': 2200, '下单用户': 2200, '下单率': 2.26 },
            { '日期': '1/3', '访问用户': 3300, '下单用户': 3300, '下单率': 3.76 },
            { '日期': '1/4', '访问用户': 4400, '下单用户': 4400, '下单率': 4.49 },
            { '日期': '1/5', '访问用户': 5500, '下单用户': 5500, '下单率': 5.323 },
            { '日期': '1/6', '访问用户': 6600, '下单用户': 6600, '下单率': 6.78 }
          ]
        }
      }
    }
  }
</script>