echarts折线图坐标设置问题

xAxis就是坐标的x轴【{}】

yAxis就是坐标的y轴【{}】

在x或y里 可以设置这些属性:{

type:坐标轴类型(value:数值轴;category:类目轴;time:时间轴;log:对数轴)

data:【往里面填x轴或y轴显示什么】

axisTick{show:false(是否把x轴或y轴刻度线去掉,默认是true显示刻度线)}

axisLabel{

interval:0,强制显示x轴所有数据,要不然你填的data123456,只显示135

textStyle:{//这是设置x轴或y轴的字体

fontSize:字体大小,

color:字体颜色

}

axisLine{//设置x轴或y轴的样式

show:true,//设置坐标轴是否显示,默认就是true

lineStyle{设置轴线的样式

color:线的颜色,

width:线的宽度

}

}

splitLine{设置坐标轴内的背景网格线

show:true,显示背景网格线,默认为false

lineStyle:{设置背景网格线的样式

color:设置线的颜色

}}}}

series:【{//折线设置

data:放置数据,y轴数据

type:类型

color:设置折线图中折线的颜色

symbolSize:x轴与y轴拐点的圆圈的大小

symbol:【‘star’】设置拐点的样式,star是正方形,还有别的形状

areaStyle:{//设置被折线包起来的空间

color:可以设置被折线包起来的空间的颜色

},

smooth:true//将折线变成平滑的线条,不是直线

}】

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值