1、去掉坐标轴刻度线,刻度数据,坐标轴网格,以Y轴为例,同理X轴

xAxis: [{
type: 'category',
axisTick: {//决定是否显示坐标刻度
alignWithLabel: true,
show:false
},
axisLabel:{ //决定是否显示数据
show:false
}
}],
yAxis: [{
type: 'value',
axisTick: {
show: false
},
splitLine:{ //决定是否显示坐标中网格
show:true
}
}],

2、xAxis.axisLabel.formatter string, Function

[ default: null ]

刻度标签的内容格式器,支持字符串模板和回调函数两种形式。

// 使用字符串模板,模板变量为刻度默认标签 {value}
formatter: '{value} kg' // 使用函数模板,函数参数分别为刻度数值(类目),刻度的索引
formatter: function (value, index) {
// 格式化成月/日,只在第一个刻度显示年份
var date = new Date(value);
var texts = [(date.getMonth() + ), date.getDate()];
if (index === ) {
texts.unshift(date.getYear());
}
return texts.join('/');
}
axisLabel:{
show:true,
formatter: function (value, index) {//value当前值,index当前索引
return value.split(' ')[];
}
}

3、echarts 图例显示到右边

legend: {
data:['同龄普通孩子','已具备技能','已泛化技能','已掌握技能','学习中'],
orient: 'vertical', //垂直显示
y: 'center', //延Y轴居中
x: 'right' //居右显示
},

4、折线图平滑曲线

series : [
{
symbol:'none', //去掉折线图中的节点
smooth: false //true 为平滑曲线,false为直线
}
]
05-07 15:44