binu/bine.umd.min.989.js

This is an easier platfrom with custom component for vue.

"use strict";(("undefined"!==typeof self?self:this)["webpackChunkbine"]=("undefined"!==typeof self?self:this)["webpackChunkbine"]||[]).push([[989],{9989:function(t,o,a){a.r(o),a.d(o,{default:function(){return s}});var e=function(){var t=this,o=t._self._c;return o("el-form",{attrs:{model:t.optionData,rules:t.optionRules,"label-width":"100px"}},[o("el-form-item",{attrs:{label:"图形标题",prop:"title"}},[o("el-input",{staticStyle:{width:"320px","max-width":"500px"},attrs:{placeholder:"请输入柱状图显示标题...",minlength:3,maxlength:20},model:{value:t.optionData.title,callback:function(o){t.$set(t.optionData,"title",o)},expression:"optionData.title"}})],1),o("el-form-item",{attrs:{label:"标题颜色",prop:"titleColor"}},[o("el-color-picker",{attrs:{"popper-class":"my-color-picker","show-alpha":""},model:{value:t.optionData.titleColor,callback:function(o){t.$set(t.optionData,"titleColor",o)},expression:"optionData.titleColor"}}),o("div",[o("el-link",{attrs:{type:"primary"}},[t._v("tip：默认标题颜色灰黑色。")])],1)],1),o("el-form-item",{attrs:{label:"y轴单位",prop:"unit"}},[o("el-input",{staticStyle:{width:"320px","max-width":"500px"},attrs:{placeholder:"请输入y轴单位...",minlength:1,maxlength:3},model:{value:t.optionData.unit,callback:function(o){t.$set(t.optionData,"unit",o)},expression:"optionData.unit"}})],1),o("el-form-item",{attrs:{label:"图形背景色",prop:"background"}},[o("el-color-picker",{attrs:{"popper-class":"my-color-picker","show-alpha":""},model:{value:t.optionData.background,callback:function(o){t.$set(t.optionData,"background",o)},expression:"optionData.background"}}),o("div",[o("el-link",{attrs:{type:"primary"}},[t._v("tip：默认背景色透明。")])],1)],1),o("el-form-item",{attrs:{label:"XY轴字体颜色",prop:"fontColor"}},[o("el-color-picker",{attrs:{"popper-class":"my-color-picker","show-alpha":""},model:{value:t.optionData.fontColor,callback:function(o){t.$set(t.optionData,"fontColor",o)},expression:"optionData.fontColor"}}),o("div",[o("el-link",{attrs:{type:"primary"}},[t._v("tip：默认灰黑色字体。")])],1)],1),o("el-form-item",{attrs:{label:"条形字体颜色",prop:"barFontColor"}},[o("el-color-picker",{attrs:{"popper-class":"my-color-picker","show-alpha":""},model:{value:t.optionData.barFontColor,callback:function(o){t.$set(t.optionData,"barFontColor",o)},expression:"optionData.barFontColor"}}),o("div",[o("el-link",{attrs:{type:"primary"}},[t._v("tip：默认灰黑色字体。")])],1)],1),o("el-form-item",{attrs:{label:"显示坐标轴线",prop:"disAxis"}},[o("el-switch",{model:{value:t.optionData.disAxis,callback:function(o){t.$set(t.optionData,"disAxis",o)},expression:"optionData.disAxis"}})],1),o("el-form-item",{attrs:{label:"坐标轴线颜色",prop:"axisColor"}},[o("el-color-picker",{attrs:{"popper-class":"my-color-picker","show-alpha":""},model:{value:t.optionData.axisColor,callback:function(o){t.$set(t.optionData,"axisColor",o)},expression:"optionData.axisColor"}}),o("div",[o("el-link",{attrs:{type:"primary"}},[t._v("tip：只在显示坐标轴线情况下生效。")])],1)],1),o("el-form-item",{attrs:{label:"显示网格线",prop:"splitLine"}},[o("el-switch",{model:{value:t.optionData.splitLine,callback:function(o){t.$set(t.optionData,"splitLine",o)},expression:"optionData.splitLine"}})],1),o("el-form-item",{attrs:{label:"网格线颜色",prop:"splitLineColor"}},[o("el-color-picker",{attrs:{"popper-class":"my-color-picker","show-alpha":""},model:{value:t.optionData.splitLineColor,callback:function(o){t.$set(t.optionData,"splitLineColor",o)},expression:"optionData.splitLineColor"}}),o("div",[o("el-link",{attrs:{type:"primary"}},[t._v("tip：只在显示网格线情况下生效。")])],1)],1),o("el-form-item",{attrs:{label:"横向柱状图",prop:"xAlign"}},[o("el-switch",{model:{value:t.optionData.xAlign,callback:function(o){t.$set(t.optionData,"xAlign",o)},expression:"optionData.xAlign"}})],1),o("el-form-item",{attrs:{label:"刻度标签对齐",prop:"scaleAlign"}},[o("el-switch",{model:{value:t.optionData.scaleAlign,callback:function(o){t.$set(t.optionData,"scaleAlign",o)},expression:"optionData.scaleAlign"}})],1),o("el-form-item",{attrs:{label:"背景色水印",prop:"backWatermark"}},[o("el-switch",{model:{value:t.optionData.backWatermark,callback:function(o){t.$set(t.optionData,"backWatermark",o)},expression:"optionData.backWatermark"}})],1),o("el-form-item",{attrs:{label:"柱条区分颜色",prop:"randomColor"}},[o("el-switch",{model:{value:t.optionData.randomColor,callback:function(o){t.$set(t.optionData,"randomColor",o)},expression:"optionData.randomColor"}}),o("div",[o("el-link",{attrs:{type:"primary"}},[t._v("tip：只针对一组数据不同条形显示不同颜色，多组数据不生效。")])],1)],1),o("el-form-item",{attrs:{label:"显示平均值",prop:"average"}},[o("el-switch",{model:{value:t.optionData.average,callback:function(o){t.$set(t.optionData,"average",o)},expression:"optionData.average"}})],1),o("el-form-item",{attrs:{label:"显示最值",prop:"maxmin"}},[o("el-switch",{model:{value:t.optionData.maxmin,callback:function(o){t.$set(t.optionData,"maxmin",o)},expression:"optionData.maxmin"}})],1),o("el-form-item",{attrs:{label:"堆叠排列",prop:"stacking"}},[o("el-switch",{model:{value:t.optionData.stacking,callback:function(o){t.$set(t.optionData,"stacking",o)},expression:"optionData.stacking"}})],1),o("el-form-item",{attrs:{label:"折线柱形转换",prop:"toLine"}},[o("el-switch",{model:{value:t.optionData.toLine,callback:function(o){t.$set(t.optionData,"toLine",o)},expression:"optionData.toLine"}})],1),o("el-form-item",{attrs:{label:"显示图例",prop:"legend"}},[o("el-switch",{model:{value:t.optionData.legend,callback:function(o){t.$set(t.optionData,"legend",o)},expression:"optionData.legend"}})],1),o("el-form-item",{attrs:{label:"提供图片下载",prop:"saveAsImage"}},[o("el-switch",{model:{value:t.optionData.saveAsImage,callback:function(o){t.$set(t.optionData,"saveAsImage",o)},expression:"optionData.saveAsImage"}})],1)],1)},l=[],i={data(){return{optionData:{title:"",titleColor:"#333",unit:"",background:"#00000000",fontColor:"#333",barFontColor:"#333",disAxis:!0,axisColor:"#333",splitLine:!1,splitLineColor:"#ccc",xAlign:!1,scaleAlign:!1,backWatermark:!1,randomColor:!1,average:!1,maxmin:!1,stacking:!1,toLine:!1,legend:!1,saveAsImage:!1},optionRules:{title:[{required:!0,message:"请输入标题",trigger:"blur"},{min:3,max:20,message:"长度在 3 到 20 个字符",trigger:"blur"}],unit:[{required:!0,message:"请输入单位",trigger:"blur"},{min:1,max:3,message:"长度在 1 到 3 个字符",trigger:"blur"}]}}},methods:{getOption(){return this.optionData.title.trim()?this.optionData.unit.trim()?JSON.parse(JSON.stringify(this.optionData)):"请输入y轴单位！":"请输入图形标题！"}}},r=i,n=a(1001),p=(0,n.Z)(r,e,l,!1,null,null,null),s=p.exports}}]);
//# sourceMappingURL=bine.umd.min.989.js.map