<template>
  <div>
    <EchartsFoldLine :fatherMessage="fatherMessage" @echartsChange="echartsChange" />
  </div>
</template>
  
<script setup>
const fatherMessage = ref({
  title: '刘旭东',
  //图标的宽
  width: 550,
  //图标的高
  height: 300,
  //Y轴单位
  Yname: 'mm',
  //数据是否从0开始  true不从0开始  false从0开始  如果是柱形图设计到两个量 一定要true 否则 样式回丢失
  boundaryGap: false,
  //横轴X 数据
  XAxle: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
  //实际数据如果多条数据 数组里传入两个对象
  actualData: [
    {
      //上方对应名称
      name: '哈哈哈',
      //平滑的线还带弧度  true弧度  false直线
      smooth: true,
      //数据Y
      dataAxle: [220, 32, 701, 934, 190, 133, 1320],
      //线条颜色
      color: '#005AE0',
      //图形 line折现 bar柱
      type: 'line'
    },
  ],
  // 是否显示右上角下拉框  ture显示 false不显示
  swtichSelect: true,
  //又上角下拉默认值
  optionsDefault: 'Option2',
  //又上角下拉选着数组
  options: [{ value: 'Option1', label: 'Option1', }, { value: 'Option2', label: 'Option2', },]
})
//触发事件
const echartsChange = (val) => {
  console.log(val)
}
</script>
<style lang="scss" scoped></style>