x轴上刻度的最大值有showMaxLabel: true,可以强制显示;Y轴上的曲线的点如何显示出来,目前是隔一个坐标显示一个点
配置项如下
option = {
title: {
text: '未来一周气温变化',
subtext: '纯属虚构'
},
tooltip: {
trigger: 'axis'
},
legend: {
data:['最高气温','最低气温']
},
toolbox: {
show: true,
feature: {
dataZoom: {
yAxisIndex: 'none'
},
dataView: {readOnly: false},
magicType: {type: ['line', 'bar']},
restore: {},
saveAsImage: {}
}
},
xAxis: {
type: 'category',
'axisLabel': {
//是否显示最大 tick 的 label -->没仔细看文档,这个echarts属性太多了
showMaxLabel: true,
},
// 我把月的数据拷贝过来,就是最后一天11.16调不出来
data: ["10.18", "10.19", "10.20", "10.21", "10.22", "10.23", "10.24", "10.25", "10.26", "10.27", "10.28", "10.29", "10.30", "10.31", "11.1", "11.2", "11.3", "11.4", "11.5", "11.6", "11.7", "11.8", "11.9", "11.10", "11.11", "11.12", "11.13", "11.14", "11.15", "11.16"]
},
yAxis: {
type: 'value',
axisLabel: {
formatter: '{value} °C'
}
},
series: [
{
name:'最高气温',
type:'line',
data:[11, 11, 15, 13, 12, 13, 10, 15, 13, 12, 13, 10, 15, 13, 12, 13, 10, 13, 10, 15, 13, 12, 13, 10, 10, 16, 15, 13, 12, 13, 10, 10, 16],
markPoint: {
data: [
{type: 'max', name: '最大值'},
{type: 'min', name: '最小值'}
]
},
markLine: {
data: [
{type: 'average', name: '平均值'}
]
}
},
{
name:'最低气温',
type:'line',
data:[1, -2, 2, 5, 3, 2, 0, 2, 5, 3, 2, 0, 2, 0, 2, 5, 3, 2, 0, 0, 2, 5, 3, 2, 0, 2, 5, 3, 2, 3, 0, 1, 6],
markPoint: {
data: [
{name: '周最低', value: -2, xAxis: 1, yAxis: -1.5}
]
},
markLine: {
data: [
{type: 'average', name: '平均值'},
[{
symbol: 'none',
x: '90%',
yAxis: 'max'
}, {
symbol: 'circle',
label: {
normal: {
position: 'start',
formatter: '最大值'
}
},
type: 'max',
name: '最高点'
}]
]
}
}
]
};