vue 用eachart的smarkArea，设置 markArea样式：内边距、边框等

 yb.markArea = {silent: true,label: {show: true,textStyle: {                  //样式fontSize: '6',  // 分辨率768*576// fontSize: '14',fontWeight: '400',fontFamily: 'FZLTZCHK--GBK1-0',color: '#E6F7FF',},position: ['90%', '10%'],},data: [[{yAxis: that.warn.red,name: '红色预警',itemStyle: {color: 'rgba(215,48,42,0.7)'},label: {position: ['90%', '30%'],  // 设置位置borderRadius: [50, 50, 50, 50],  // 边框设置圆角padding: [4, 10, 3, 10], // padding: [3, 4, 5, 6]：表示 [上, 右, 下, 左] 的边距。borderColor: '#ffffff',  // 设置边框颜色borderType: 'solid',  // 设置边框线类型borderWidth: 1, // 设置边框宽度}}, {yAxis: '1000'}],[{yAxis: that.warn.orange,name: '橙色预警',itemStyle: {color: 'rgba(254,153,3,0.7)',},label: {// position: ['95%', '10%'],borderRadius: [50, 50, 50, 50],padding: [4, 10, 3, 10], // padding: [3, 4, 5, 6]：表示 [上, 右, 下, 左] 的边距。borderColor: '#ffffff',borderType: 'solid',borderWidth: 1,}}, {yAxis: that.warn.red}],[{yAxis: that.warn.yellow,name: '黄色预警',itemStyle: {color: 'rgba(255,255,1,0.7)'},label: {// position: ['95%', '10%'],borderRadius: [50, 50, 50, 50],padding: [4, 10, 3, 10], // padding: [3, 4, 5, 6]：表示 [上, 右, 下, 左] 的边距。borderColor: '#ffffff',borderType: 'solid',borderWidth: 1,}}, {yAxis: that.warn.orange}],[{yAxis: that.warn.blue,name: '蓝色预警',itemStyle: {color: 'rgba(12,192,242,0.7)'},label: {// position: ['95%', '10%'],borderRadius: [50, 50, 50, 50],padding: [4, 10, 3, 10], // padding: [3, 4, 5, 6]：表示 [上, 右, 下, 左] 的边距。borderColor: '#ffffff',borderType: 'solid',borderWidth: 1,}}, {yAxis: that.warn.yellow}],[{yAxis: '100',itemStyle: {color: 'rgba(224,79,35,0)'},label: {show: false}}, {yAxis: that.warn.blue}],]}

官网内容

vue 用eachart的smarkArea，设置 markArea样式：内边距、边框等相关推荐

iOS 设置UILabel 的内边距
iOS 设置UILabel 的内边距 - (void)drawTextInRect:(CGRect)rect {UIEdgeInsets insets = {0, 5, 0, 5};[super dr ...
如何设置UILabel的内边距？
最近在项目中,有个地方需要设置UILabel的内边距,即字体和Label控件之间的间隙.UILabel不像UIButton那样,有个contentEdgeInsets.titleEdgeInsets. ...
CSS样式设置语法全解，样式优先级、值和单位、字体、文本、块级元素，行内元素，替换元素、非替换元素、display、float、position、table、li、光标、边距边框、轮廓、颜色背景
全栈工程师开发手册 (作者:栾鹏) 一个demo学会css css选择器全解 css操作语法全解 CSS样式设置语法全解: 样式优先级 1. !important标记的样式 > 内联样式(sty ...
html内边距居中,HTML中详述外边距样式属性（margin）与内边距样式属性（padding）...
外边距样式属性(margin) 外边距样式属性(margin):设置边框外的距离. 属性:margin-top样式属性,margin-bottom样式属性,margin-left样式属性和margin ...
前端笔记（5）盒子模型，边框，内外边距，盒子模型布局，ps基本操作，列表样式，圆角边框，盒子阴影
css样式表/层叠样式表(3) (1)盒子模型 (2)盒子边框 (3)表格的细线边框 (4)内边距padding 内盒尺寸计算(元素实际大小) padding不会影响盒子大小的情况 (5)外边距mar ...
CSS边框设置以及内外边距的使用
1.边框该border属性为以下属性的简写属性.例如:border:1px solid black; border-width表示边框的粗细,可以是medium,thick等,一般使用数字加单位组合 ...
盒子模型/设置边框/内边距、外边距
盒子模型在HTML中,浏览器在解析每一个标签元素时,都会将标签解析成一个装东西的盒子,超文本标记语言中,内容本身就定义在标签内部的.它将标签解析一个一个盒子,盒子之间存在间距,盒子内部装的东西与盒子 ...
css 设置下边距,css如何设置内边距
在css中,可以使用padding属性设置内边距,只需要给元素设置"padding:数值+单位|百分比数值"即可.padding属性设置元素所有内边距的宽度,或者设置各边上内边距的 ...
vue使用element-ui的el-date-picker设置样式无效
一般在vue中设置css样式,由于代码为<style lang="scss" scoped>,设置了scoped,所以一般改变element-ui中的样式都使用::v- ...

vue 用eachart的smarkArea，设置 markArea样式：内边距、边框等

vue 用eachart的smarkArea，设置 markArea样式：内边距、边框等相关推荐

最新文章

热门文章