目的:实现图标上的打点标注
核心语句 markPoint.data
coord: ["2020-8-20", "1.7688"],
var option = {
grid: {
top: '10%',
bottom: '10%',
left: '10%'
},
xAxis: {
type: 'category',
data: this.fenshitu_data.date,
},
yAxis: {
type: 'value',
min: 'dataMin'
},
tooltip: {
trigger: 'axis',
formatter: '{b} : {c}' + this.fenshitu_unit
},
series: [{
data: this.fenshitu_data.networth,
type: 'line',
smooth: true,
symbol: 'none',
markLine: {
data: [{
type: 'average',
name: '平均值'
}]
},
markPoint: {
symbol: 'circle',
symbolSize: 10,
data: [
{
coord: ['2020-8-20', '1.7688'],
name: '1111111',
color: "pink",
itemStyle: {
color: "rgba(115, 159, 250, .5)",
},
symbolSize: [25, 25], // 容器大小
symbolOffset: [0, -15], //位置偏移
}
]
},
}]
};
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…