<template>
  <div>
    <el-form-item label="是否显示">
      <el-switch v-model="formData.show"></el-switch>
    </el-form-item>
    <el-form-item label="是否在其他轴的0刻度上">
      <el-switch v-model="formData.onZero"></el-switch>
    </el-form-item>
    <el-form-item label="指定位于哪个轴上">
      <el-input-number v-model="formData.onZeroAxisIndex " controls-position="right"
      ></el-input-number>
    </el-form-item>
    <div>
      <div style="margin: 0 8px 12px 100px;">
        <el-divider content-position="left">
          <span>
            样式设置
          </span>
          <el-switch
              v-model="independentConfig.titleStyle">
          </el-switch>
        </el-divider>
      </div>
    </div>
    <div v-show="independentConfig.titleStyle">
      <AxisLineStyleOption :formData.sync="formData.lineStyle"/>
    </div>
  </div>
</template>
<script>
import TextStyleOption from '../style/textStyleOption'
import AxisLineStyleOption from '../style/lineStyleOption'

export default {
  name: 'TitleOption',
  props: ['formData'],
  components: {
    TextStyleOption,
    AxisLineStyleOption
  },
  data() {
    return {
      independentConfig: {
        titleStyle: false
      }
    }
  },
  methods: {}
}
</script>
<style>

</style>
