infiot-component-circlegauge/src/components/circlegauge/model_circlegauge.js

CircleGauge Component

export default {
  name: "infiot-component-circlegauge", 
  type: "circlegauge",

  tag: {
    tagId: {control:'input', type:'text', subType:'TagModal', value:""},
    tagName: {control:'input', type:'text', value:""}
  },

  layout: {
    width: {control:'input', type:'number', value:150},
    height: {control:'input', type:'number', value:100},
    x: {control:'input', type:'number', value:0},
    y: {control:'input', type:'number', value:0},
    zIndex: {control:'input', type:'number', value:0}
  },

  gauge: {
    chartType:{control:"select", optionValues:['solidgauge'], value:'solidgauge'},
    gaugeTitle: {control:'input', type:'text', value:"투명도"},
    yTitle: {control:'input', type:'text', value:"투명도"},
    gaugeMax: {control:'input', type:'number', value:100},
    gaugeMin: {control:'input', type:'number', value:0},
    gaugeValue: {control:'input', type:'number', value:40},
    valueSuffix: {control:'input', type:'text', value:"%"},
    startAngle: {control:'input', type:'number', value:-90},
    endAngle: {control:'input', type:'number', value:90},
    shape: {control:'select', optionValues:["arc", "circle"], value:"arc"},
    outerRadius: {control:'input', type:'text', value:"100%"},
    innerRadius: {control:'input', type:'text', value:"60%"},
  },

  background: {
    gradient: {control:'input', type:'checkbox', value:false},
    color: {control:'input', type:'text', subType:'ColorModal', value:"rgba(0,0,0,0)", hidden:false},
    color1: {control:'input', type:'text', subType:'ColorModal', value:"", hidden:true},
    color2: {control:'input', type:'text', subType:'ColorModal', value:"", hidden:true},
    color3: {control:'input', type:'text', subType:'ColorModal', value:"", hidden:true}
  },

  shape: {
    rotationAngle: {control:'input', type:'number', value:0}
  },

  control: {
    controlName: {control:'input', type:'text', value:""},
    mouseLeftClick: {control:'select', type:'text', optionValues:['NONE','NAVIGATION'], value:"NONE"},
    navigationAddress: {control:'select', type:'text', value:""}
  },

  event: {
    type: {control:'select', type:'text', optionValues:['none','click','blur','change','focus','focusin','focusout'
          ,'select','submit','load','dblclick','keydown','keypress','keyup','mousedown','mouseenter','mouseleave'
          ,'mousemove','mouseover','mouseout','mouseup','contextmenu','drag','dragend','dragenter','dragover','dragstart','drop']
          , value:"none"},
    method: {control:'input', type:'text', value:""},
    inParam: {control:'input', type:'text', value:""},
    outParam: {control:'input', type:'text', value:""}
  },

  imageSrc: require("./CircleGauge.png")

  };