<template>
  <div>
    <el-form-item label="颜色">
      <el-color-picker v-model="formData.color" show-alpha></el-color-picker>
    </el-form-item>
    <el-form-item label="线宽">
      <el-input-number v-model="formData.width" controls-position="right"
      ></el-input-number>
    </el-form-item>
    <el-form-item label="类型">
      <el-select v-model="formData.type" placeholder="请选择">
        <el-option label="solid" value="solid"></el-option>
        <el-option label="dashed" value="dashed"></el-option>
        <el-option label="dotted" value="dotted"></el-option>
      </el-select>
    </el-form-item>
    <el-form-item label="虚线的偏移量">
      <el-input-number v-model="formData.dashOffset" controls-position="right"
      ></el-input-number>
    </el-form-item>
    <el-form-item label="线段末端显示">
      <el-select v-model="formData.cap" placeholder="请选择">
        <el-option label="butt" value="方形"></el-option>
        <el-option label="round" value="圆形"></el-option>
        <el-option label="square" value="方形+矩形"></el-option>
      </el-select>
    </el-form-item>
  </div>
</template>
<script>
import TextStyleOption from './textStyleOption'

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

</style>
