小程序mpvue框架使用echarts

本文介绍了一个使用mpvue框架实现的echarts图表配置案例。该案例中定义了一个带有自定义x轴和y轴的数据展示图表,通过配置项实现了平滑曲线的绘制,并对x轴的标签进行了旋转以适应显示需求。

小程序mpvue框架引入echarts https://github.com/mpvue/examples/tree/master/echarts

let inform = {

color: ["#ff98be"],

grid: {

containLabel: true

},

 

xAxis: {

type: 'category',

nameLocation:'end',

boundaryGap: true,

data: ['2.15-2.23', '3.15-3.23', '4.15-4.23', '5.15-5.23', '6.15-6.23', '7.15-7.23'],

axisLabel: {

interval:0,

rotate:40

} //文字超出设置

// show: false

},

yAxis: {

x: 'center',

type: 'category',//(自定义刻度)

splitLine: {

lineStyle: {

type: 'solid'

}

},data: ['推迟', '正常', '提前'],  //(自定义刻度)

// show: false

},

series: [{

type: 'line',

smooth: false,

data: ['推迟', '正常', '提前', '正常', '提前', '正常']

}]

};

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值