首页 > 编程知识 正文

vue echarts 动态数据,echarts y轴自适应

时间:2023-05-05 12:39:04 阅读:33888 作者:3771

xaxis.axis line.line style|object

xis.axis line.line style.color|color

[ default: '#333' ] '

坐标轴线的颜色。

颜色可以由RGB表示,如“RGB(128、128、128 )”;如果添加alpha通道以表示不透明度,则颜色可以由RGBA表示,如“RGB(128、128、0.5 )” 前四个参数分别为x0、y0、x2和y2,范围从0 - 1开始,相当于图形边界框的百分比。 如果全局代码为` true ',则这四个值是绝对的像素位置

颜色: {

类型: ' linear ',

x: 0,

y: 0、

x2: 0,

y2: 1,

colorStops: [{

offset: 0、color: 'red' //0%下的颜色

、{

offset: 1,color: 'blue' //100%中的颜色

()、

全局代码: false//默认值为false

}

//径向渐变,前三个参数分别为圆心x、y和半径,值与线性渐变相同

颜色: {

类型: '径向',

x: 0.5,

y: 0.5,

r: 0.5,

colorStops: [{

offset: 0、color: 'red' //0%下的颜色

、{

offset: 1,color: 'blue' //100%中的颜色

},全局代码: false//默认值为false

}

//纹理填充

颜色: {

image: imageDom,//支持为HTMLImageElement,HTMLCanvasElement,不支持路径字符串

repeat: 'repeat' //平铺可以是' repeat-x '、' repeat-y '和' no-repeat '

}

xis.axis line.line style.width|number

[ default: 1 ]

轴线的线宽。

xis.axis line.line style.type|string

[默认: ' solid ' ]

轴线的类型。

可选:

' solid '

' dashed '

' ajdzfj '

xaxis.axis line.line style.shadow blur|number

图形阴影的模糊大小。 此属性与shadowColor、shadowOffsetX和shadowOffsetY一起设置形状的阴影效果。

示例: {

shadow color : ' rgba (0,0,0,0.5 ),

shadowBlur: 10

}

xis.axis line.line style.shadow color

阴影的颜色。 支持的格式与颜色相同。

xaxis.axis line.line style.shadow offsetx|number

[ default: 0 ]

阴影的水平偏移距离。

xaxis.axis line.line style.shadow offsety|number

[ default: 0 ]

阴影的垂直偏移距离。

xaxis.axis line.line style.opacity|number

图形透明度。 支持0到1之间的数字,如果为0,则不绘制图表。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。