优秀的编程知识分享平台

网站首页 > 技术文章 正文

echarts两点连线,中间没有数值情况下实现连线,x轴标题超长解决

nanyue 2024-10-12 05:49:12 技术文章 11 ℃

如果对您有帮助,麻烦帮忙点个赞以示鼓励,谢谢!

PS:

红色字体解决:x轴标题装不下(主要通过标题旋转解决)

蓝色字体解决:echarts,两点连线,中间数值没有情况下如何连线

代码示例:

let option = {

xAxis: {

type: 'category',

data: yData,

axisLabel: {

show: true, // 是否显示刻度标签,默认显示

interval: 0, // 坐标轴刻度标签的显示间隔,在类目轴中有效;默认会采用标签不重叠的策略间隔显示标签;可以设置成0强制显示所有标签;如果设置为1,表示『隔一个标签显示一个标签』,如果值为2,表示隔两个标签显示一个标签,以此类推。

rotate: -60, // 刻度标签旋转的角度,在类目轴的类目标签显示不下的时候可以通过旋转防止标签之间重叠;旋转的角度从-90度到90度

inside: false, // 刻度标签是否朝内,默认朝外

margin: 6, // 刻度标签与轴线之间的距离

//formatter: '{value}' , // 刻度标签的内容格式器

}

},

yAxis: {

type: 'value'

},

tooltip: {

trigger: 'axis'

},

series: [

{

connectNulls: true,

data: yvalue,

type: 'line'

}

]

};

最近发表
标签列表